Rumah > Artikel > hujung hadapan web > html中table行间距怎么设置
html中table行间距怎么设置
- WBOYasal
- 2021-11-11 17:11:0822273semak imbas
在html中，可以给table元素添加margin-bottom和margin-top样式设置行间距，语法“909de45fe8aafdd48957fbbefebd08c4”。
本教程操作环境：windows7系统、HTML5版、Dell G3电脑。
html中table行间距的设置方法：
1、可以通过设置table的margin-bottom属性与底部的table保持间距，margin-bottom 属性设置元素的下外边距。
代码如下：
<table style="margin-bottom:下外边间距值" >
下面通过示例看一下：
<!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>输出结果：
2、可以通过设置table的margin-top与上方的table保持距离，margin-top 属性设置元素的上外边距。
代码如下：
<table style="margin-top:上外边间距值" >
下面通过示例看一下：
<!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>输出结果：
更多编程相关知识，请访问：编程视频！！
Atas ialah kandungan terperinci html中table行间距怎么设置. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Kandungan 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.cn
Artikel sebelumnya：html怎么设置表格大小Artikel seterusnya：html的a标签怎么设置字体颜色