Css中控制table单元格的间距

Question

如题所述

Answer 1

1、设置表格的边框。在CSS中，可以通过border来设置表格或单元格的边框及其边框颜色，例如，下面设置表格为1px的蓝色边框。

2、在table表格里，默认是显示两个边框线的，如果要设置成一条边框，在CSS中需要使用border-collapse设置为collapse，合并为一条边框。

3、CSS设置表格的宽度和高度，使用width宽度和height高度来设置。

4、CSS设置表格的文本水平对齐方式。主要通过text-align来设置，有三个值：居左对齐left，居右对齐right，居中对齐center。

5、CSS设置表格的内边距。主要通过padding来设置，padding值越大，内边距越大，如图设置间距为15像素。

6、如图所示间距设置成功。

Answer 2

table有cellspacing、cellpadding等属性可以控制其间距，但是如果table设置了
border-collapse:collapse;那么，cellspacing、cellpadding此时无效。可以用padding来替代。本回答被网友采纳

Answer 3

去掉thead，tbody标签，直接写table，tr,th,td就不会有单元格之间的间距，如果非要thead，tbody标签那么就引入bootstrap可以也解决

Answer 4

border-collapse:collapse;
单元格之间无距离本回答被网友采纳

Answer 5

可以用padding和marign设置
td{padding:你要设置的值;marign:你要设置的值;}