Abstand zwischen Spalten in HTML zu erhöhen

October 9

Es gibt drei Möglichkeiten, den Abstand zwischen den Spalten in einer Tabelle geschrieben, in der HTML-Programmiersprache, die Basis des Web zu erhöhen. Die Tabelle "Cellspacing"-Attribut können Sie den Abstand zwischen allen Zellen in der Tabelle vergrößern; das Attribut "Cellpadding" können Sie Abstand in alle Zellen hinzufügen; oder können Sie eine einzelne Zelle "Width"-Attribut, um es zu erweitern.

Anweisungen

1 Das öffnende Tag zu finden. In HTML, Tabellendaten ist immer < Table >-Tag und abgelöst durch eine schließende < / table > Tag. Die Parameter in diesem Tag setzen die allgemeinen Attribute für die gesamte Tabelle, beispielsweise die Existenz einer Grenze, die Farben oder die Größe der Tabelle auf der Seite. Als Referenz ist hier, was eine sehr einfache HTML-Tabelle aussieht:

< Tabellenrahmen = "1" >

< tr >

< td > </td > 1

< td > </td > 2

</tr >

< tr >

< td > </td > 3

< td > </td > 4

</tr >

< / table >

Dies erstellt eine Tabelle mit einem ein-Pixel-Rahmen umgeben ist, mit zwei Reihen (die beiden < tr >... </tr > Abschnitte) mit jeweils zwei Spalten (die vier < td >... </td >) Abschnitte. Die Zellen enthalten die Nummern 1 bis 4. Sie können dies, zusammen mit jedem anderen HTML-Code durch Kopieren und Einfügen in das HTML testen Bett testen (siehe Ressourcen) und klicken auf "Anzeigen."

2 Das < Table >-Tag ein "Cellspacing" oder "Cellpadding" Attribut hinzufügen. "Cellspacing" fügt der Tabelle zwischen einzelnen Zellen leeren Raum; "Cellpadding" erweitert jede Zelle, um die leeren Raum um seinen Inhalt enthalten. Dies ist beispielsweise der Fall, wenn das Tag vorher zu lesen:

< Tabellenrahmen = "1" >

Ändern sie zu:

< Tabellenrahmen = "1" Cellspacing = "X" >

oder

< Tabellenrahmen = "1" Cellpadding = "X" >

Dabei ist X die Größe der zusätzlichen Abstand in Pixel. Sie können auch kombinieren, Abstaende--Nimm nur sie beide drin, mit einem Leerzeichen getrennt, genauso wie ein Leerzeichen die hinzugefügten Attribute oberhalb von "Border"-Attribut trennt.

3 Ändern der Breite einer einzelnen Zelle in der Tabelle--Raum zwischen ihm und den Spalten um es aber nirgendwo sonst in der Tabelle--durch Hinzufügen eines Attributs zu dieser Zelle Tag hinzufügen. Diese werden < td >-Tag wie folgt:

< td > </td > XYZ

wobei "XYZ" ist der Inhalt der Zelle. Fügen Sie ein Attribut "Breite", dem < td >-Tag. Die Breite kann entweder als Pixel ausgedrückt:

< td Width = "20" > XYZ </td >

oder als Prozentsatz des Browser-Fensters:

< td Width = "20 %" > </td > XYZ

Im zweiten Beispiel ist die Breite der Zelle immer genau 20 % der Breite des Browserfensters, egal, was der Benutzer Bildschirmauflösung ist oder wie er seine Fenstergröße angepasst hat. Dies ist oft eine zuverlässigere und kompatible Möglichkeit auszudrücken Breite--es wird sichergestellt, dass die Tabelle wird nicht unter bestimmten Bedingungen lesbar. Je nachdem, wie Sie es tun, können Sie die Breite der so viele Zellen wie gewünscht einstellen. Fügen Sie ein Attribut "Breite", dem < td >-Tag für jede Zelle in einer Spalte, um diese Spalte effektiv zu erweitern.