Facebook包装文本

时间:2012-03-11 20:24:31

标签: javascript css word-wrap

如果单独在这一行,请如何将单词移到下一行? (Facebook在添加广告时执行此操作)

我用

word-break: break-word;

但是它给出了一些单词的行!

1 个答案:

答案 0 :(得分:1)

声明word-break: break-word是非标准且特定于浏览器的。它的记录很少,但可能与word-break: break-all的{​​{1}}相同。CSS 3 Text。这意味着允许在任何点(甚至在单词内)断行,只需打破任何地方(不插入连字符)。在某些情况下这可能是可以接受的,但例如,肯定不适用于普通的英文文本。

作为一个完全不相关的问题,为防止单词单独显示在一行中,您需要将它与相邻的单词绑定在一起。最简单的方法是使用不间断空间而不是普通空间,例如将<p>... foo bar.</p>替换为<p>... foo&nbsp; bar.</p>要在CSS中执行相同的操作,您需要额外的标记:<p>... <span style="white-space: nowrap">foo bar.</span></p>