Mac Safari einzelne Tabelle ist 1px breit, auch wenn sie leer

Question

Es ist seltsam, dass ein kleiner Tisch mit einer Breite von Null in allen Browsern außer Safari auf Mac funktioniert:

<table cellspacing="0" cellpadding="0" width="0" height="30" style="width: 0px; height: 30px; background-color: red"> 
    <tr> 
    <td width="0" height="30" style="width: 0px; height: 30px; background-color: yellow"></td> 
    </tr> 
</table> 

Alle Browser diese auseinander auf Mac von Safari versteckt halten die Wird in Safari 9 als 1 x breite gelbe Linie angezeigt (oder in Safari 6 als rote Linie). Siehe https://jsfiddle.net/0q1L7fa1/8/

Im Sinne unseres Programms, muss diese Tabelle sichtbar sein (wenn der Benutzer einen zugehörigen Griff zieht), so anders als mit Javascript/jQuery Sets es "display: none" wenn "width == 0", hat jemand bekam eine elegantere Lösung?

Answer 1

Hinzufügen von "max-width: 0;" zu der Tabelle in CSS-Datei vielleicht Ihnen helfen. Der Code kann wie sein:

table{max-with : 0} 

und dann können Sie dies mit den Ereignissen des Benutzers mit Javascript oder jquery ändern.

Answer 2

table{ table-layout:fixed; width: 0; } 

Dies kann die Tabellenbreite unabhängig von den untergeordneten Elemente in Safari beheben