为什么在Firefox中不能使用word-break:break-word？

Question

我有一个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>

​

这个CSS在Chrome上运行良好，但在Firefox上就不行了。因此，当分页时，我的文本不在Firefox中的div中。

在阅读了How can I make Firefox word-break with CSS?之后，我也申请了下面的CSS

.wrapper tbody td {
    word-break:break-all;
    word-wrap: break-word;
}

但现在word-wrap:break-word不起作用了。相反，word-break:break-all正在发挥作用。如何强制word-break: break-word;在火狐中工作，并将文本中的单词分割为单独的单词？

Answer 1

word-break的有效语法为：

 word-break: normal | break-all | keep-all;

word-break: break-word;属性只是一个非标准的WebKit实现。因为火狐没有使用WebKit渲染引擎，所以该属性值在火狐中不起作用。

Answer 2

只使用换行: break-word；而不是word-break:break-all；

.wrapper tbody td {

 word-wrap: break-word;

  }