CSS Referenzhandbuch

CSS @Regel (RULES)

Vollständiges Verzeichnis der CSS-Attribute

CSS Text-align Eigenschaft CSS right Eigenschaft

CSS table-layout 属性使用方法及示例

table-Die layout CSS-Eigenschaft spezifiziert den Algorithmus, der zur Layout-Planung der Zellen, Zeilen und Spalten der Tabelle verwendet wird.

Die folgende Tabelle enthält die Anwendungsbeschreibung und Versionshistorie dieses Attributes sowie die Syntax seiner Verwendung in JavaScript-Skripten.

Standardwert:	auto
Geeignet für:	Tabelle und inline-Tabellen-Elemente
Vererbung:	Keine
Animierbar:	Nein.Siehe auch Animationseigenschaft。
Version:	CSS 2、3
JavaScript-Syntax:	object.style.tableLayout="fixed"

table-layout-Syntax

Die Syntax dieses Attributes ist wie folgt:

table-layout:　auto　|　fixed　|　initial　|　inherit

Die folgenden Beispiele zeigen, wie Sie table-layout-Eigenschaft.

Beispiel

　　table　{
　　　width:　250px;
　　　table-layout:　fixed;
　　}

Testen Sie heraus‹/›

Tipp:Der festgelegte Tabellenlayout-Algorithmus ermöglicht es dem Browser, schneller als der automatische Tabellenlayout-Algorithmus zu layouten. Sobald die erste Zeile empfangen wird, kann der Browser mit der Anzeige der Tabelle beginnen...

Eigenschaftswert

Die folgende Tabelle beschreibt die Werte dieser Eigenschaft.

Wert	Beschreibung
auto	Der automatische Tabellenlayout-Algorithmus wird für Tabellenlayout verwendet. Die Breite der Tabelle und der Zellen hängt von den Inhalten der Zellen ab. Dies ist der Standardwert.
fixed	Der festgelegte Tabellenlayout-Algorithmus wird für Tabellenlayout verwendet. Die horizontale Anordnung der Tabelle hängt nicht von den Inhalten der Zellen ab; sie hängt nur von der Breite der Tabelle, der Breite der Spalten und dem Abstand von Rand oder Zelle ab. Die Breite der Tabelle und der Spalten wird durch die Breite der table- und col-Elemente oder die Breite der ersten Zeile der Zelle festgelegt.
initial	Setzen Sie diesen Wert auf seinen Standardwert.
inherit	Wenn angegeben, verwendet der verknüpfte Element seine Eltern table-layout-Werte.

Hinweis:Der automatische Tabellenlayout-Algorithmus kann die Darstellungsgeschwindigkeit von Tabellen mit vielen Zeilen oder Spalten verringern, da er es dem Browser erfordert, alle Inhalte der Tabelle zu erreichen, bevor die endgültige Layoutbestimmung erfolgt.

Browserkompatibilität

table-Die Kompatibilität der layout-Eigenschaft der Browser, die Nummern in der folgenden Tabelle stellen die niedrigste Versionsnummer dar, die die Eigenschaft unterstützt; alle gängigen Browser unterstützen diese Eigenschaft.

	Firefox 1+ Google Chrome2+ Internet Explorer 5+ Apple Safari 1+ Opera 7+

Weiterlesen

Bitte参阅以下内容的教程：HTML-Tabelle，CSS-Tabelle。

Verwandte Eigenschaften:width。

CSS Text-align Eigenschaft CSS right Eigenschaft