Warum TD width funktioniert nicht oder nicht befolgt?

Ursprünglichen Frage: ist der HTML - <table> haben eine Standard-Breite?

Vor kurzem jemand gefragt, eine Frage, irgendwo entlang dieser Linien, und hat mich gefragt.

Nehmen Sie dies zum Beispiel.

http://jsfiddle.net/rqmNY/1/

In diesem fiddle, wenn Sie waren zu überprüfen, die Breite (ich bin mit element untersuchen von chrome), es zeigt 100px, wie beabsichtigt funktioniert.

Können hinzufügen, ein paar mehr "td"s aus, und wir werden sehen, dass die "td:100px" css ignoriert wird.

http://jsfiddle.net/rqmNY/2/

Wie Sie sehen können, jetzt ist es 83px statt 100px als ursprünglich vorgesehen.

Aber sagen wir mal so, ich bewege mich zurück zu weniger TD ' s (7), und ich in einer größeren Breite für jedes TD-element (500 Pixel), das Ergebnis ist, dass die Breite der td bekommt am stecken 119px.

http://jsfiddle.net/rqmNY/6/

Schließlich, lassen Sie uns sagen, ich habe eine Tabelle von 2000px Breite, und td 100px Breite, und viele td-Elementen.
http://jsfiddle.net/rqmNY/7/

Nun die Breite der Tabelle überschreibt, TD width, und erweitert die td ' s Breite zu 222px.

Kann jemand erklären Sie dieses Verhalten?

p.s. Beachten Sie, dass in allen Fällen, element untersuchen-tool sagt mir, dass die Breite immer entsprechend der css, es ist nur das Endergebnis nicht korrekt angezeigt.

  • warum nicht einfach den Stil, die Breite entsprechend, anstatt auto?
  • Sie könnten versuchen. Ich habe versucht, das styling der Breite der Tabelle auf ein bestimmtes pixel, aber es ist der ähnliche Fall
InformationsquelleAutor He Hui | 2013-02-08
Schreibe einen Kommentar