css - `word-break: break-word` 的替代品

Question

是否有 word-break: break-word 的 alternative 可以在 firefox 中使用？

在 firefox[版本 57.0] 中

在 Chrome [版本 62.0.3202.94] 中

有没有一种方法或替代方法可以在 firefox 中使用 break-word 属性。？ [如果它适用于旧版本，那就更好了。]

示例代码

table {
  width: 300px;
  display: inline-block;
  overflow: hidden;
  word-break: break-word;
}

.text-right {
  width: 30%;
}

<table>
  <tr>
    <td class="text-right">Sample text </td>
    <td>Sample texttexttexttexttexttexttexttext 000000000000000000000000000000</td>
  </tr>
</table>

Answer 1

valid values of word-break如下:

/* Keyword values */
word-break: normal; 
word-break: break-all; 
word-break: keep-all;

/* Global values */
word-break: inherit;
word-break: initial;
word-break: unset;

The word-break CSS property specifies whether or not the browser should insert line breaks wherever the text would otherwise overflow its content box.

Chrome, Safari and other WebKit/Blink browsers also support the unofficial break-word value which is treated like word-wrap: break-word.

那么你可以使用 word-wrap: break-word 代替吗？