javascript - Facebook 环绕文字

标签 javascript css word-wrap

请问如果一行中只有一个单词,如何将它移到下一行? (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&nbsp; bar.</p>要在 CSS 中做同样的事情,您需要额外的标记:<p>... <span style="white-space: nowrap">foo bar.</span></p>

关于javascript - Facebook 环绕文字,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9658578/

相关文章:

javascript - 单击提交按钮时,php session 不适用于表单

javascript - JQuery/JsPlumb : toggle "hidden/visible" anchor with checkbox starting from Hidden

html - Bootstrap 输入表单对齐

ios - UILabel - 自动换行文本

Qt 获取适合固定 QRect 的大 QString 的子字符串

javascript - 是否有 es-lint 或类似的规则来禁用 `extends`

javascript - attr.ownerElement 是什么意思?

html - 显示错误 : flex on safari?

html - 删除 ionic 中 ionic 列表元素的焦点线

css - 有没有办法在 div 中自动换行长单词?