FF不显示自动换行CSS属性

Question

我正在一个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，format-standard等）都不起作用，但如果我错了，请纠正我。除了jsfiddle链接中显示的样式之外，其他CSS是标准的Twenty Eleven WP主题。

一个实例:(简化但准确的HTML / CSS）：http://jsfiddle.net/3U4Xc/1/

赞赏任何意见。

Answer 1

由于你的div正在使用text-align：justify，你不会再进一步​​了。此外，代码中的空格可能会简化为空格：pre;但是，一方面是文本对齐，另一方面是预格式化，不能交朋友。我想，不太确定那个断字的东西，HTML5。你到底想要达到什么目的？你想要拆分的东西/没有/破坏或破坏？请注意，但屏幕尺寸和用户设置一直是因为拧紧任何静态定位而臭名昭着。

Answer 2

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

在不能解决问题的旁注上white-space: -moz-pre-wrap;也不适用于Firefox 7。它应该是white-space: pre-wrap;