Tischbreite

Obwohl es um die Breite der Tabelle geht, ist das Frustrierendste eigentlich die Breite der Zelle td. Da ich in meiner täglichen Entwicklung häufig auf dieses Problem stoße, habe ich nach Informationen zum Erlernen des Tabellenbreitenalgorithmus gesucht.

table-layout

table-layout definiert den Tabellenlayout-Algorithmus, der Wert ist automatisch oder fest.

fest

Verwendet einen festen Tabellenlayout-Algorithmus für das Tabellenlayout. Die Breite der Tabelle wird durch die Breite bestimmt, und die Breite der Spalten wird durch die Breite der ersten Zellenzeile bestimmt.
Analyse: Die berechnete Breite der Tabelle beträgt hier 200 Pixel, die berechnete Breite der ersten Spalte beträgt 100 Pixel, die berechnete Breite der zweiten Spalte beträgt 20 Pixel und die berechnete Breite der dritten und vierten Spalte beträgt 33 Pixel. Die Breite der dritten und vierten Spalte ist die Breite der Tabelle
minus der Summe der Breiten der ersten und zweiten Spalte und der Breite des linken und rechten Rands der Zelle und dann geteilt durch 2. Vielleicht werden Sie sich fragen, warum das td, in dem sich „1-3“ befindet, nicht die Breite definiert? Warum wird die dritte Spalte berechnet? Antwort: Da sich das td, das die Breite definiert, nicht in der ersten Zeile befindet, befindet sich th in der ersten Zeile.

Regeln

1. Wenn ein Spaltenelement (col) gesetzt ist, wird die Breite des Spaltenelements auf die Breite der Spalte gesetzt.

2. Die Breite des Spaltenelements ist automatisch. Wenn das Spaltenelement nicht festgelegt ist, wird die Breite der ersten Zellenzeile auf die Breite der Spalte festgelegt.

3. Wenn die beiden oben genannten Bedingungen nicht erfüllt sind, wird dies vom Browser berechnet und bestimmt.

auto (Standardwert)

Verwenden Sie den automatischen Tabellenlayout-Algorithmus, um die Tabelle zu gestalten. Die Breite von Tabellen und Zellen hängt vom enthaltenen Inhalt ab (bei Zellen kann die Breite weiterhin eingestellt werden).

Regeln

1. Mindestzellenbreite berechnen

   1.1 计算每个单元格的最小内容宽度：内容可以流入多行，但不能超出单元格。
   1.2 如果单元格的width值大于最小可能宽度，则最小单元格宽度为单元格的width值。
   1.3 如果单元格的width值为auto，则最小单元格宽度为为最小内容宽度。

   Nach dem Login kopieren

2. Maximale Zellenbreite berechnen: Inhalt vollständig anzeigen und keine Breite erforderlich beim Umbruch (ohne Berücksichtigung der Anzeige des Umbruchs)

3. Berechnen Sie die minimale Spaltenbreite: den Maximalwert der minimalen Zellenbreite aller Zellen in der Spalte

4. Berechnen Sie die maximale Spaltenbreite: den Maximalwert der maximalen Zellenbreite aller Zellen in der Spalte

5. Wenn sich die Zellen über Spalten erstrecken, muss die Summe der minimalen Spaltenbreiten diesem Wert entsprechen Mindestzellenbreite über Spaltenzellen. Die maximale Spaltenbreite muss der maximalen Zellenbreite dieser Zelle entsprechen.

Weitere Artikel zum Thema Tabellenbreite finden Sie auf der chinesischen PHP-Website!