我有一个div和一个表内部分页:
.wrapper tbody td {
word-break:break-word;
}

<div class="wrapper">
<table>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</table>
</div>
&#13;
此CSS适用于Chrome,但不适用于Firefox。因此,在分页时,我的文本不在我的Firefox中。
我在阅读后也为Firefox申请了以下CSS How can I make Firefox word-break with CSS?
.wrapper tbody td {
word-break:break-all;
word-wrap: break-word;
}
但现在word-wrap:break-word
无效。相反,word-break:break-all
正在发挥作用。如何强制word-break: break-word;
在Firefox中工作并像单独的单词一样打破我的文字?
答案 0 :(得分:1)
word-break
的有效语法是:
word-break: normal | break-all | keep-all;
word-break: break-word;
属性仅是非标准WebKit实现。由于Firefox不使用WebKit渲染引擎,因此该属性值在Firefox中不起作用。
答案 1 :(得分:0)
仅使用自动换行:break-word;而不是分词:break-all;
.wrapper tbody td {
word-wrap: break-word;
}