html中table行间距怎么设置
时间:2021-11-16
来源:互联网
今天PHP爱好者为您带来在html中,可以给table元素添加margin-bottom和margin-top样式设置行间距,语法“<table style="margin-bottom:下外边间距值;margin-top:上外边间距值">”。希望对大家有所帮助。
本教程操作环境: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>
输出结果:
以上就是html中table行间距怎么设置的详细内容,更多请关注php爱好者其它相关文章!
-
龙石战争女刺客有什么技能-克劳迪娅强度全面解析 时间:2025-07-01
-
如鸢极乐之宴地宫50-表格跟打3回合速通 时间:2025-07-01
-
物华弥新素纱单衣详细-群体生存单体增伤辅 时间:2025-07-01
-
燕云十六声建造材料获取-木头石头获取 时间:2025-07-01
-
币安下载后网页打不开 时间:2025-07-01
-
燕云十六声联机能做什么-燕云联机小知识 时间:2025-07-01
今日更新
-
css怎样点击div去掉阴影
阅读:18
-
聊聊Redis中的哨兵模式(Sentine)
阅读:18
-
css怎样排除第一个元素给其他元素设置样式
阅读:18
-
php二维数组怎么转换为字符串
阅读:18
-
通过实例了解一下小程序中怎么实现canvas拖动功能
阅读:18
-
javascript 原型 是什么
阅读:18
-
php两种基本的输出方法是什么
阅读:18
-
vue中什么是SPA和MPA?两者有什么差异?
阅读:18
-
php怎么增加函数
阅读:18
-
javascript %意思是什么
阅读:18