在html中,可以给table元素添加margin-bottom和margin-top样式设置行间距,语法“
”。
本教程操作环境:windows7系统、HTML5版、Dell G3电脑。
html中table行间距的设置方法:
1、可以通过设置table的margin-bottom属性与底部的table保持间距,margin-bottom 属性设置元素的下外边距。
代码如下:
<table style="margin-bottom:下外边间距值" >Salin selepas log masuk下面通过示例看一下:
<!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 masuk输出结果:
2、可以通过设置table的margin-top与上方的table保持距离,margin-top 属性设置元素的上外边距。
代码如下:
<table style="margin-top:上外边间距值" >Salin selepas log masuk下面通过示例看一下:
<!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 masuk输出结果:
更多编程相关知识,请访问:编程视频!!
Atas ialah kandungan terperinci html中table行间距怎么设置. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan Laman Web iniKandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cnArtikel terbaru oleh pengarang
2024-09-19 06:41:14 2024-09-19 06:38:14 2024-09-19 06:20:14 2024-09-19 06:13:13 2024-09-19 06:09:13 2024-09-19 03:46:12 2024-09-19 03:43:12 2024-09-19 03:42:11 2024-09-19 03:41:12 2024-09-19 03:38:12Isu terkiniManfaatkan komponen VueJS dalam PHP Saya mahu mencampurkan HTML asas yang dijana oleh komponen Php dan VueJS tanpa perlu mengg...daripada 2023-11-11 00:01:4402288v-date-picker untuk memilih bulan dan tahun sahaja Sila beritahu saya jika ada cara lain untuk melakukan ini menggunakan v-date-picker. Saya ...daripada 2023-11-10 14:05:0501269Topik-topik yang berkaitanLagi>
- Tentang kita Penafian Sitemap
- Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!