2

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

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

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

一个活生生的例子:(简化但准确的 HTML/CSS):http: //jsfiddle.net/3U4Xc/1/

任何输入表示赞赏。

4

2 回答 2

0

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

于 2011-10-05T05:04:02.513 回答
0

它不起作用,因为 Firefox 7 不支持word-break.

附带说明一下,它不会解决您的问题,white-space: -moz-pre-wrap;也无法在 Firefox 7 中运行。它应该是white-space: pre-wrap;

于 2011-10-05T09:38:57.600 回答