Der Unterschied zwischen Zellabstand und Zellauffüllung in der Tabelle

Den Ergebnissen der Ausführung des obigen Codes nach zu urteilen: Die beiden Tabellen haben nur unterschiedliche Cellpadding-Codewerte. In der ersten Tabelle stehen die Worte „Ich bin eine glückliche Zellentabelle“. " Das Wort „Ich bin eine glückliche Zellentabelle“ in der zweiten Tabelle ist weit von der Zelle entfernt, in der es sich befindet. Das liegt daran, dass cellpadding="0" gesetzt ist. Das heißt, weil cellpadding="20" ist , der Abstand zwischen „Ich bin eine glückliche Zelltabelle“ und dem Rand der Zelle, in der sie sich befindet, beträgt 20 Pixel. Einfach ausgedrückt ist der Wert des Zellauffüllens gleich dem, wie viel Leerraum die Zellen in der Tabelle innerhalb ihrer eigenen Grenzen behalten. Die Elemente in der Zelle werden niemals in diese Leerräume eindringen. ||Beachten Sie, dass das cellpadding-Attribut verwendet wird, um die Größe des leeren Abstands zwischen dem Zellinhalt und der Zellgrenze anzugeben. Der Parameterwert dieses Attributs ist ebenfalls eine Zahl, die die Anzahl der Pixel darstellt, die von der Höhe des Leerraums zwischen dem Zellinhalt und dem oberen und unteren Rand eingenommen werden, und die Anzahl der Pixel, die von der Breite des Leerraums zwischen dem Zellinhalt eingenommen werden Zellinhalt und der linke und rechte Rand.

Zum Beispiel: Der Zellabstand stellt den Abstand zwischen den Zellen dar, und der Zellabstand stellt den Abstand zwischen dem Zellinhalt und dem Rand dar; ersterer wird als Rand verstanden, und letzterer ist wie Polsterung (Zelle); Inhalt der Tabelle; Nest-Auffüllung (Tabellenfüllung) (Zellabstand) – stellt einen Abstand außerhalb der Verschachtelung dar, der zum Trennen der Verschachtelung und des Verschachtelungsraums (Tabellenabstand) (Zellenabstand) verwendet wird – stellt den Tabellenrand und die Verschachtelung dar; padding Der Abstand ist auch der Abstand zwischen Nestfüllern

Erweiterung 1: Wie füge ich die Zeilen und Spalten der Tabelle zusammen? Colspan wird spaltenübergreifend zusammengeführt, Rowspan wird zeilenübergreifend zusammengeführt

Codeanzeige:

Erweiterung 2: Wie werden Tabellenränder zusammengeführt? border-collapse: Collapse;

Schließlich ist im Chrome-Browser die Standardrahmenfarbe der Tabelle grau, der Rahmenabstand beträgt 2 usw.

Empfohlenes Tutorial: „

CSS-Tutorial“

Das obige ist der detaillierte Inhalt vonDer Unterschied zwischen Zellabstand und Zellauffüllung in der Tabelle. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!