跟前面的文章一样，这次我们来介绍一种调整CSS表格间距的方法。
首先我们先来看看一张默认的表格：
姓名
年龄
城市
小明
18
北京
小红
20
上海
通过浏览器显示的效果会发现表格中各元素的间距较小，既不美观也不易读。
接下来我们来使用CSS实现表格间距的调整。我们可以在table标签中添加一个style属性，然后设置table-layout属性为fixed，同时设置一个padding值作为表格单元格与表格边框之间的空隙，代码如下：
姓名
年龄
城市
小明
18
北京
小红
20
上海
上面的代码中，我们设置了表格的style属性，其中table-layout：fixed表示使用固定表格布局，padding：10px表示设置了10像素的内边距。
最终的效果如下图所示：
看到效果了吗？现在表格中各元素的间距别致了许多，同时整体布局也更加美观了。
其实我们还可以通过其他方法来实现表格间距的调整，这只是其中一种方法，希望大家能够在项目中选择适合自己的方法。
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [email protected] 举报，一经查实，本站将立刻删除。
