Dalam HTML, anda boleh menambah gaya margin-bawah dan margin-atas pada elemen jadual untuk menetapkan jarak baris Sintaks ialah "
".
Persekitaran pengendalian tutorial ini: sistem Windows 7, versi HTML5, komputer Dell G3.
Cara menetapkan jarak baris jadual dalam HTML:
1 Anda boleh mengekalkan jarak antara jadual di bahagian bawah dan jadual di bahagian bawah dengan menetapkan atribut margin-bawah jadual , atribut margin-bawah menetapkan margin bawah elemen.
Kodnya adalah seperti berikut:
<table style="margin-bottom:下外边间距值" >Salin selepas log masukMari kita lihat contoh di bawah:
<!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>Salin selepas log masukHasil output:
2 Anda boleh mengekalkan jarak dari jadual di atas dengan menetapkan margin atas jadual.
Kodnya adalah seperti berikut:
<table style="max-width:90%" >Salin selepas log masukMari kita lihat contoh di bawah:
<!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>Salin selepas log masukHasil keluaran:
Untuk lebih banyak pengetahuan berkaitan pengaturcaraan, sila lawati: Video Pengaturcaraan! !
Atas ialah kandungan terperinci Bagaimana untuk menetapkan jarak baris jadual dalam html. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
