css样式控制表格单元格的距离

用 border-spacing:100px 就OK。
table {
border:solid black 1px;
border-spacing:100px;
}

不知道为啥在IE6上没效果，这明明是CSS1的属性，郁闷……2010-12-27

table {border-spacing: 15px;border-collapse: separate;}
可以应用border-spacing属性设置到表中。border-collapse 默认值为separate，即每个td单元格都有独立的边框；collapse表示相邻单元格共用一个边框，此时 border-spacing 将不起作用，设置为collapse单元格间距将消失。

扩展资料：
语言标准
在CSS 2.1规范中，识别符（包括选择符中的元素名、类、ID）只能包含A～Z、a～z、0～9等字符，加上连字符“-”、下划线“_”。识别符不能以数字开头，以连字符和下划线开头也是不允许的。只有属性、属性值、单位、伪类、伪元素和“@”规则可以由连字符“-”开头。
CSS的识别符也需要用反斜杠“\”规避特殊字符，这些规避字符遵循IS010646规范。特殊字符的规避方法有两种：
第一种方法是遇到特殊字符则在这些字符前直接添加反斜杠，例如，“AT&T”变为“AT\&T”；另一种方法为用反斜杠和Unicode或IS010646等值的十六进制数值一起，规避特殊字符，例如，“AT&T”变为“AT\26T”。
参考资料：
百度百科—css
2019-12-17

1、选中单元格，右键单击，在弹出的菜单列表中单击“设置单元格格式”选项。

2、在“单元格格式”选项中单击“对齐”选项，在“水平对齐”中选择“分散对齐（缩进）”。

3、输入需要缩进的字符大小

4、然后我们需要点击“确定”

5、如图所示，得到想要的效果。方法很简单。css样式就可以控制表格单元格的距离

2019-07-18

在table 中控制单元格之间的间距要用到cellspacing、cellpadding，默认情况cellspacing、cellpadding均不为0，但经常的状况为了不让table单元格之间的间距影响到美观，我们经常会把cellspacing、cellpadding设置为0，因此经常看到“< table cellspacing=0 cellpadding=0>”这样的代码。这样做无形中增加了代码的体积，而且也极其不符合样式与内容分离的web标准，对于我本人来说也是极其厌恶这样的形式的，因此使用css控制cellspacing/cellpadding显的意义重大了！以下是控制方法：
table{border:0;margin:0;border-collapse:collapse;}
table td{padding:0;}
第一行控制cellspacing，关键是“border-collapse:collapse;”这一句；第二行控制cellpadding

cellpadding 对应 td padding
cellspacing 对应 td margin

说的还不够清楚吗？
cellpadding，cellspacing都是废弃的属性了，早已不推荐使用，最新的html5里已经彻底去掉了这些表现型的属性。正确的做法是，合并表格边框，然后用th，td的padding设置内容和边框之间的空隙。

你想有间隔,就table td{
padding:15px;
},就可以了啊2010-12-27

border-collapse:15px;2010-12-26

border-spacing:15px没有试过，你试一下吧2010-12-27

mengvlog 阅读 11 次 更新于 2025-06-20 00:42:57 我来答关注问题 0

6 个回答檬味博客专题活动

Css中控制table单元格的间距
通过padding属性可以设置表格的内边距，padding值越大，单元格内的内容与边框之间的距离就越大。例如，将单元格的内边距设置为15像素：padding: 15px;设置完成后，可以查看表格单元格间距的效果，如图所示，间距设置成功。设置完成后，可以查看表格单元格间距的效果，如图所示，间距设置成功。
css表格样式(CSS表格样式(如何设置表格边框、单元格间距等))
要设置表格样式，我们可以使用CSS的background-color属性、text-align属性和font属性。background-color属性用于设置表格的背景颜色，text-align属性用于设置表格中文本的对齐方式，font属性用于设置表格中文本的字体和大小。例如，下面的CSS代码将设置表格背景颜色为浅灰色，文本居中对齐，字体为微软雅黑，大小为1...
css样式控制表格单元格的距离
可以应用border-spacing属性设置到表中。border-collapse 默认值为separate，即每个td单元格都有独立的边框；collapse表示相邻单元格共用一个边框，此时 border-spacing 将不起作用，设置为collapse单元格间距将消失。
怎么设置表格的行间距?
单元格1 单元格2 单元格3 单元格4 如果您想要更精确地控制行间距，您可以使用CSS的border-spacing属性。您可以将其添加到表格的样式中，并设置其值为您希望的行间距大小（以像素为单位）。例如，要设置行间距为10像素，您可以这样写：html 复制 table { border-collapse: separate;border-spaci...
elementtable单元格间距问题
1、使用CSS样式：可以通过为Elementtable添加自定义的CSS样式来解决单元格间距问题。2、使用cell-spacing属性：Elementtable提供了cell-spacing属性，用于设置单元格之间的距离。可以通过设置cell-spacing的值来调整间距。3、使用cell-padding属性：Elementtable还提供了cell-padding属性，用于设置单元格内部的...

其他CSS类似问题

檬味博客在线解答立即免费咨询

css样式控制表格单元格的距离

其他CSS类似问题

CSS相关话题