我正在一个 Wordpress 框架中进行试验,试图让博客文章标题出现在一个大方块中,如果需要保持形状,换行符会出现在单词中间。
使用word-wrap
和(显然)word-break
CSS 属性,我得到了我想要的外观......在 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/
任何输入表示赞赏。