CSS: Detaillierte Erläuterung der Rolle und Verwendung des Tabellenlayout-Attributs

Ich habe schon oft gesehen, dass CSS verwendet wird, aber ich habe nicht viel über einige Eigenschaften gesehen, die nicht als weniger verwendet bezeichnet werden. Heute habe ich einen Beitrag auf Classic gelesen und eine Diskussion zum Thema „Wie verwende ich CSS“ gefunden um TD zu zwingen, nicht umzubrechen? >table-layout: auto |. behoben Wert: auto:Standardwert. Standardmäßiger automatischer Algorithmus. Das Layout basiert auf dem Inhalt jeder Zelle. Die Tabelle wird erst angezeigt, wenn der gesamte Inhalt jeder Zelle gelesen und berechnet wurde.
fixed: Fester Layout-Algorithmus. Bei diesem Algorithmus hängt die Breite der Tabelle und der Spalten von der Summe der Breiten der Spaltenobjekte oder, falls nicht angegeben, von der Breite jeder Zelle in der ersten Zeile ab. Wenn die Tabelle kein Breitenattribut (width) angibt, wird die Tabelle mit einer Standardbreite von 100 % gerendert.

Beschreibung: Legen Sie den Layout-Algorithmus der Tabelle fest oder rufen Sie ihn ab.
Mit diesem Attribut können Sie die Leistung beim Rendern von Tabellen verbessern. Diese Eigenschaft bewirkt, dass der IE den Tabelleninhalt zeilenweise rendert, wodurch die Geschwindigkeit für Informationsbenutzer erhöht wird. Diese Eigenschaft verwendet eine der folgenden Methoden, um Tabellenspaltenbreiten festzulegen:
Verwenden Sie die Breiten-Attributinformationen (width) des col- oder colGroup-Objekts.
Verwenden Sie die Breiteninformationen der Zelle in der ersten Zeile der Tabelle.
Teilen Sie die Tabellenbreite gleichmäßig entsprechend der Anzahl der Tabellenspalten auf. unabhängig von der tatsächlichen Breite des Tabelleninhalts.
Wenn der Zelleninhalt die Spaltenbreite überschreitet, wird der Inhalt umbrochen. Wenn ein Zeilenumbruch nicht möglich ist, wird der Inhalt abgeschnitten. Wenn diese Eigenschaft auf „Fixed“ gesetzt ist, kann
overflow
verwendet werden, um die Handhabung von Inhalten zu steuern, die über die Breite der Zelle (td) hinausgehen. Wenn die Tabellenzeilenhöhe angegeben ist, wird der umbrochene Inhalt vertikal abgeschnitten, wenn er die angegebene Tabellenzeilenhöhe überschreitet.
Setzen Sie diesen Attributwert auf „Fest“, um die Tabellenleistung zu verbessern. Der Effekt ist besonders bei langen Tischen deutlich.
Durch Festlegen der Tabellenzeilenhöhe kann die Rendering-Geschwindigkeit weiter verbessert werden. Der Browser muss nicht den Inhalt jeder Zelle in der Zeile erkennen, um die Zeilenhöhe zu bestimmen, bevor er mit dem Parsen und Rendern beginnt.
Diese Eigenschaft ist für das
aktuelle
Style-Objekt schreibgeschützt. Es ist für andere Objekte lesbar und beschreibbar. Die entsprechende Skriptfunktion von


ist tableLayout.
Beachten Sie die folgenden Punkte:

1. Sie können die Leistung beim Rendern von Tabellen durch dieses Attribut verbessern. Diese Eigenschaft bewirkt, dass der IE den Tabelleninhalt zeilenweise rendert, wodurch die Geschwindigkeit für Informationsbenutzer erhöht wird.

2. Setzen Sie diesen Attributwert auf „Fest“, um die Tabellenleistung zu verbessern. Der Effekt ist besonders bei langen Tischen deutlich. 3. Durch Festlegen der Tabellenzeilenhöhe kann die Rendering-Geschwindigkeit weiter verbessert werden. Der Browser muss nicht den Inhalt jeder Zelle in der Zeile erkennen, um die Zeilenhöhe zu bestimmen, bevor er mit dem Parsen und Rendern beginnt. ————————————————————————————————————————————— ————————————————————— －－－－－

Diese Funktion ist sehr nützlich für die Anzeigegeschwindigkeit und Wirkung langer Tabellen. Kann zur Verbesserung der Tischleistung verwendet werden!

Die Frage des Autors ist auch sehr interessant:
1. Sie müssen in TD einen Weg finden, Nowrap einzufügen . In TD sind keine Zeilenumbrüche erlaubt und die überschüssigen Teile müssen ausgeblendet werden (beachten Sie, dass DTD hier nicht hinzugefügt werden kann, sonst wird es nicht implementiert, ich weiß nicht warum):

Das obige ist der detaillierte Inhalt vonCSS: Detaillierte Erläuterung der Rolle und Verwendung des Tabellenlayout-Attributs. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!