简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Heim > Web-Frontend > HTML-Tutorial > Hauptteil

So legen Sie den Tabellenzeilenabstand in HTML fest

WBOY
Freigeben： 2021-11-11 17:11:08
Original
22269 Leute haben es durchsucht

In HTML können Sie dem Tabellenelement die Stile „margin-bottom“ und „margin-top“ hinzufügen, um den Zeilenabstand festzulegen. Die Syntax lautet „

So legen Sie den Tabellenzeilenabstand in HTML fest

Die Betriebsumgebung dieses Tutorials: Windows 7-System, HTML5-Version, Dell G3-Computer.

So legen Sie den Tabellenzeilenabstand in HTML fest:

1 Sie können den Abstand zwischen dem Attribut „margin-bottom“ der Tabelle und der unteren Tabelle beibehalten, indem Sie das Attribut „margin-bottom“ festlegen, um den unteren Rand der Tabelle festzulegen Element.

Der Code lautet wie folgt:

<table style="margin-bottom:下外边间距值" >
Nach dem Login kopieren

Schauen wir uns das folgende Beispiel an:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>button</title>
</head>
<body>
<table style="border: 1px solid black;margin-bottom:100px" width="400" height="100" >
<tr>
<td style="border: 1px solid black" >1</td>
<td style="border: 1px solid black" >2</td>
<td style="border: 1px solid black" >3</td>
<td style="border: 1px solid black" >4</td>
</tr>
<table>
<table style="border: 1px solid black" width="400" height="100" >
<tr>
<td style="border: 1px solid black" >1</td>
<td style="border: 1px solid black" >2</td>
<td style="border: 1px solid black" >3</td>
<td style="border: 1px solid black" >4</td>
</tr>
<table>
</body>
</html>
Nach dem Login kopieren

Ausgabeergebnis:

So legen Sie den Tabellenzeilenabstand in HTML fest

2. Sie können den Abstand zur obigen Tabelle beibehalten, indem Sie den Rand oben festlegen der Tabelle und legen Sie das margin-top-Attribut des Elements auf den oberen Rand fest.

Der Code lautet wie folgt: 

<table   style="max-width:90%" >
Nach dem Login kopieren

Sehen wir uns das folgende Beispiel an: 

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>button</title>
</head>
<body>
<table style="border: 1px solid black;margin-bottom:100px" width="400" height="100" >
<tr>
<td style="border: 1px solid black" >1</td>
<td style="border: 1px solid black" >2</td>
<td style="border: 1px solid black" >3</td>
<td style="border: 1px solid black" >4</td>
</tr>
<table>
<table style="border: 1px solid black;margin-top:100px" width="400" height="100" >
<tr>
<td style="border: 1px solid black" >1</td>
<td style="border: 1px solid black" >2</td>
<td style="border: 1px solid black" >3</td>
<td style="border: 1px solid black" >4</td>
</tr>
<table>
</body>
</html>
Nach dem Login kopieren

Ausgabeergebnis:

So legen Sie den Tabellenzeilenabstand in HTML fest

Weitere Programmierkenntnisse finden Sie unter: Programmiervideo! !

Das obige ist der detaillierte Inhalt vonSo legen Sie den Tabellenzeilenabstand in HTML fest. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten：
html 表格
Quelle：php.cn
Vorheriger Artikel：So legen Sie die Tabellengröße in HTML fest Nächster Artikel：So legen Sie die Schriftfarbe des a-Tags in HTML fest
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Aktuelle Ausgaben
Nutzen Sie VueJS-Komponenten in PHP Ich möchte grundlegendes HTML, das von PHP- und VueJS-Komponenten generiert wurde, mischen...
Aus 2023-11-11 00:01:44
0
2
288
Wie verwende ich das Open-Primitive-Tag in Next JS 13? Im jüngsten NextJS13-Update haben sie eine neue Art der Handhabung von Meta-Tags eingeführ...
Aus 2023-11-10 23:03:51
0
1
527
PHP-Mailer funktioniert nicht: Kein Fehlerprotokoll, Meldung lautet gesendet, aber nicht empfangen Ich erhalte keine Fehlerprotokolle im PHP-Fehlerprotokoll meines Webservers. Ich habe mehr...
Aus 2023-11-10 15:02:39
0
1
218
v-date-picker, um nur Monat und Jahr auszuwählen Bitte sagen Sie mir, ob es eine andere Möglichkeit gibt, dies mit v-date-picker zu tun. Ic...
Aus 2023-11-10 14:05:05
0
1
269
Der umgeschriebene Titel lautet: SweetAlert2: „onBeforeOpen'-Parameter sind unbekannt Ich verwende Laravel5.8 mit Sweetalertv2 und versuche, diese Warnung auf Blade auszulösen ...
Aus 2023-11-10 09:39:01
0
1
257
verwandte Themen
Mehr>
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Verwandte Tutorials
Beliebte Empfehlungen
Aktuelle Kurse
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website：Online-PHP-Schulung für das Gemeinwohl，Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln！