如果单独在这一行,请如何将单词移到下一行? (Facebook在添加广告时执行此操作)
我用
word-break: break-word;
但是它给出了一些单词的行!
答案 0 :(得分:1)
声明word-break: break-word
是非标准且特定于浏览器的。它的记录很少,但可能与word-break: break-all
的{{1}}相同。CSS 3 Text。这意味着允许在任何点(甚至在单词内)断行,只需打破任何地方(不插入连字符)。在某些情况下这可能是可以接受的,但例如,肯定不适用于普通的英文文本。
作为一个完全不相关的问题,为防止单词单独显示在一行中,您需要将它与相邻的单词绑定在一起。最简单的方法是使用不间断空间而不是普通空间,例如将<p>... foo bar.</p>
替换为<p>... foo bar.</p>
要在CSS中执行相同的操作,您需要额外的标记:<p>... <span style="white-space: nowrap">foo bar.</span></p>