请问如果一行中只有一个单词,如何将它移到下一行? (Facebook 在添加广告时这样做)
我用
word-break: break-word;
但是它给了一些行一个词!
最佳答案
声明word-break: break-word
是非标准的和特定于浏览器的。它的记录很少,但可能打算做与 word-break: break-all
相同的事情。根据 CSS 3 Text .这意味着允许在任何点换行,即使在一个单词内,也可以在任何地方换行(不插入连字符)。这在某些情况下可能是可以接受的,但对于例如普通的英文文本来说肯定是 Not Acceptable 。
作为一个完全不相关的问题,为了防止一个单词在一行中单独显示,你需要将它与一个相邻的单词绑定(bind)在一起。最简单的方法是使用不间断空格而不是普通空格,例如替换 <p>... foo bar.</p>
通过 <p>... foo bar.</p>
要在 CSS 中做同样的事情,您需要额外的标记:<p>... <span style="white-space: nowrap">foo bar.</span></p>
关于javascript - Facebook 环绕文字,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9658578/