表中的URL的自动换行在chrome和safari中工作，而不是在Firefox中

Question

我想在表格中包装长网址：

table, td { border: 1px solid black; }
.fullwidth { width: 100%; }
a {
  word-wrap: break-word;
  word-break: break-all;
  overflow-wrap: break-word;
}

<table class="fullwidth">
  <tr><td>
    <a href="">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</a>
  </td></tr>
</table>

https://jsfiddle.net/y8bwx7r3/

它在Chrome和Safari中工作，但在Firefox中却没有 - 任何想法为什么？

Answer 1

向CSS规则添加显示设置。 display: block;，或者如果不适合display: inline-block; - Firefox似乎将默认显示视为inline，但不适用于word-wrap和其他人。< / p>