javascript - Facebook 环绕文字

Question

请问如果一行中只有一个单词，如何将它移到下一行？(Facebook 在添加广告时这样做)

我用

word-break: break-word;

但是它给了一些行一个词!

Answer 1

声明word-break: break-word是非标准的和特定于浏览器的。它的记录很少，但可能打算做与 word-break: break-all 相同的事情。根据 CSS 3 Text .这意味着允许在任何点换行，即使在一个单词内，也可以在任何地方换行(不插入连字符)。这在某些情况下可能是可以接受的，但对于例如普通的英文文本来说肯定是 Not Acceptable 。

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