使用CSS避免在第一行中断字

时间:2012-08-23 19:54:43

标签: css text line word-wrap

我对一个有用户评论的容器有些麻烦。

它看起来像什么:

Firstname Lastname -
Aenean lacinia bibendum nulla sed consectetur.
Fusce dapibus, tellus ac cursus commod risus.

我想将其更改为:

Firstname Lastname - Aenean lacinia bibendum
nulla sed consectetur. Fusce dapibus,
tellus ac cursus commod risus.

因此,文本将在第一行继续,直到其空间不足,然后它将继续在新行上继续。

jsFiddle:jsfiddle.net/qhY34/7

1 个答案:

答案 0 :(得分:2)

使用word-break: break-all;

而不是 word-wrap: break-word;

jsFiddle:http://jsfiddle.net/qhY34/8/