Question

html、css 自动换行的问题（单词、句子）

我想让文字较多时自动换行，添加了white-space:pre-wrap
但是"aaaaa "这样的内容会撑开div
于是我又添加了word-break:break-all;
结果就出现了图中的情况，我觉得应该显示
“aaaaaaaa 空格换行
"
但是最后一个a老是被放在下一行中。请问能不能解决，在chrome中没有，ie中有问题。

Answer 1

word-break:break-all ，好吧，这个属性不是用于非IE内核，而是用于IE内核，所以很多非IE浏览器是无法实现这种效果的，所以还是用溢出隐藏合适

Answer 2

设置，height:22px;line-height:22px;，然后，添加，溢出隐藏：overflow：hidden，就可以了

Answer 3

word-break:break-all 貌似只作用于非IE内核吧

如果你这一堆a之间有空格 就会自动换行

如果没有 就没戏

Answer 4

你应该定义一个宽度控制它，那样就不用换行了。

追问

我定义了宽度了，但是连续的字母或者空格还是会撑开，所以添加了word-break:break-all;
例如："aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa"
或" "