Angenommen, ich habe eine HTML-Tabelle mit einer CSS-deklarierten Breite von 750px. Es hat 5 Spalten und jede Spalte hat eine Breite von 50 Pixel, deklariert mit CSS (alle TDs haben eine Breite von 50 Pixel). Offensichtlich beträgt die Summe der Spaltenbreiten 250px, was weniger als 750px entspricht.

Wenn der Browser die Tabelle rendert, hat jede Spalte eine andere berechnete Breite. Ich habe eine Spalte mit nur 5 Leerzeichen, aber einer berechneten Breite von über 100 Pixel (viel mehr als 5).

Alle Spalten passen auf den enthaltenen Text und einige zusätzliche Leerzeichen. Im Markup sind keine fest codierten Spaltenbreiten enthalten. Nur eine einzige 50px in der CSS für das 'td'.

Wie berechnet der Browser die gerenderte Breite jeder Spalte?