Heim > Artikel > Web-Frontend > So legen Sie den Tabellenzeilenabstand in HTML fest
So legen Sie den Tabellenzeilenabstand in HTML fest
- WBOYOriginal
- 2021-11-11 17:11:0822328Durchsuche
In HTML können Sie dem Tabellenelement die Stile „margin-bottom“ und „margin-top“ hinzufügen, um den Zeilenabstand festzulegen. Die Syntax lautet „
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:下外边间距值" >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>Ausgabeergebnis:
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="margin-top:上外边间距值" >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>Ausgabeergebnis:
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!