ワードラップはChromeとSafariでなく、Firefoxの

Question

で働く私は、テーブル内の長いURLをラップしたいと思います：

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とデフォルト表示を扱っているようです。