我如何让HTML打破这个词呢?

时间:2014-11-18 21:15:09

标签: html css

HTML中的流动文本会在有或没有连字符的情况下中断,或者,如果它在单词上是合理的话。

如何才能让这个单词上的文字突破?

示例:

快速的小狐狸跳了起来 -

呃懒惰的母鸡。

所需的输出为:

快速的小狐狸跳了

对于懒惰的母鸡。

2 个答案:

答案 0 :(得分:4)

您要查找的属性是word-break

word-break: break-all;

检查这个小提琴:http://jsfiddle.net/376qL5Lg/


为了让线条继续没有中断,方法是:

white-space: nowrap;

小提琴:http://jsfiddle.net/7km0c6mb/

答案 1 :(得分:0)

您可以尝试使用css属性自动换行。

word-wrap: break-word;