bootstrap的问题

用了bootstrap的栅格系统,发现了一个问题

<div class="row">
    <div class="col-md-8">.col-md-8</div>
    <div class="col-md-4">.col-md-4</div>
</div>

用了这个比例然后
clipboard.png

clipboard.png

发现了如果是数字或者是英文那么不会换行,会一直去到旁边的了,但是用中文就不会这样,就会自动换行,请问一下这个怎么解决?主要我这些数据会从数据库取出来,所以中文英文数字都是不一定的。

阅读 2.9k
4 个回答

给容器添加:word-break: break-all;
英文和数字是用空格来分词的,不像中文。

谢邀, 如 楼上 所说, 给容器 添加 word-break: break-all; 可解决问题

给容器添加:word-break: break-all;
英文和数字是用空格来分词的,中文是一个字一个字分的

word-break:break-all;
word-wrap:break-word;

除了上面说的加上 word-break:break-all外
一般也加上 word-wrap:break-word 避免单词太长没法换行的问题

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题