HTML中table设置行间距的方法是什么？-群英

您现在的位置是：群英 > 开发技术 > web开发

HTML中table设置行间距的方法是什么？

Admin发表于 2022-02-23 15:05:055200 次浏览

上一篇： HTML中a标签字体颜色怎样修改，方法有什么？

下一篇： HTML中实现input只能输入数字的方法是什么？

这篇文章给大家分享的是HTML中table设置行间距的方法。小编觉得挺实用的，因此分享给大家做个参考，文中的示例代码介绍得很详细，有需要的朋友可以参考，接下来就跟随小编一起了解看看吧。

本教程操作环境：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中文网

免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：mmqy2019@163.com进行举报，并提供相关证据，查实之后，将立刻删除涉嫌侵权内容。

标签： table设置行间距

上一篇： HTML中a标签字体颜色怎样修改，方法有什么？

下一篇： HTML中实现input只能输入数字的方法是什么？

相关信息推荐

PHP中array_fill函数的作用和用法是什么？

2021-11-02 17:18:10　

摘要：这篇文章给大家分享的是PHP中array_fill函数的的作用和用法。小编觉得挺实用的，因此分享给大家做个参考，下文将介绍array_fill的说明、语法、参数、返回值和实例这些，文中示例代码介绍的非常详细，感兴趣的朋友接下来一起跟随小编看看吧。

c++日常编程工具都有哪些，各有何优点？

2022-10-13 17:46:59　

摘要：c++编程软件：1、visual studio，一个基本完整的开发工具集；2、code blocks，一个开源的ide，可跨平台；3、clion，专业的C++编程软件；4、dev c++，小巧的开源C++集成开发环境；5、Vim。

PHP查询返回结果分析是什么样的呢

2022-12-06 17:52:30　

摘要：php查询结果的方法：1、通过mysql_result()函数获取结果数据集中的一行元素；2、通过mysql_fetch_row()函数将数字作为属性索引来获得属性值；3、使用mysql_fetch_array()函数直接获得属性值；4、通过mysql_fetch_object()函数分析查询结果。