FF 不显示自动换行 CSS 属性

Posted 2023-03-06

【中文标题】FF 不显示自动换行 CSS 属性

【英文标题】：FF not displaying word-wrap CSS property

【发布时间】：2011-12-01 04:30:48

【问题描述】：

我正在 Wordpress 框架中进行试验，试图让博客文章标题出现在一个大方块中，如果需要保持形状，则在单词中间出现换行符。

使用word-wrap 和（显然）word-break CSS 属性，我得到了我想要的外观......在 Safari/Chrome 中。 Firefox 7 拒绝将单词分开。 IE 的表现略好于 FF，但它的换行符似乎更加随意（此外，此时 IE 并不是真正的优先事项）。主要是我想弄清楚为什么word-wrap 和/或word-break 在FF 的这种情况下不起作用。

我没有使用表格。 word-break 似乎是这里的活动 CSS 属性。当我删除它并在 Safari/Chrome 中测试页面时，这些行停止在单词中间中断。 我不认为任何自动应用的 Wordpress 类（hentry、格式标准等）在起作用，但如果我错了，请纠正我。除了 jsfiddle 链接中显示的样式外，其他 CSS 是标准的 211 WP 主题。

一个活生生的例子：（简化但准确的 html/CSS）：http://jsfiddle.net/3U4Xc/1/

感谢任何输入。

【参考方案1】：

它不起作用，因为 Firefox 7 不支持 word-break。

附带说明，white-space: -moz-pre-wrap; 在 Firefox 7 中也无法解决您的问题。应该是white-space: pre-wrap;

【讨论】：

酷，谢谢。找不到有关 FF 支持分词的信息。空白声明只是在黑暗中的一个镜头。

【参考方案2】：

由于您的 div 正在使用 text-align:justify，因此您将无法获得任何进一步的信息。此外，代码中的空白可以简化为 white-space:pre;但是，一方面是文本对齐，另一方面是预先格式化，不会交朋友。不太确定那个断词的东西，HTML5，我想。你到底想达到什么目的？某事/不/打破，或打破，你想要分裂？请注意，但屏幕尺寸和用户设置一直因搞砸任何静态定位而臭名昭著。

【讨论】：

我正在寻找一个正方形的文本块，在文本满足包含 div 的限制（甚至是中间词）的任何地方都会出现换行符。如果没有 text-align:justify，所有浏览器都会在单词分隔符处中断。使用 text-align:justify，Safari/Chrome 给了我想要的效果。大多数情况下，我试图弄清楚为什么 FF 没有给我与 S/C 相同的反应，即使我能找到的一切都表明所有浏览器都符合这个 CSS 属性。

至于分词，我也不是很了解，在我的post-posting研究中发现的。刚看到这个：***.com/questions/1795109/…

刚刚尝试删除 text-align:justify。没有效果。 S/C 仍然在单词中间插入换行符（这是我正在寻找的），FF 仍然没有。