html表格在页面间距,在CSS中设置单元格和单元格间距？

梦里花落0921

基本要控制css中的“单元格填充”，只需使用padding放在桌子上。例如10便士的“细胞填充物”：td {

padding: 10px;}对于“单元格间距”，可以应用border-spacing属性设置到表中。例如，10 px的“单元间距”：table {

border-spacing: 10px;

border-collapse: separate;}这个属性甚至允许分开的水平和垂直间隔，这是你不能做的老式“单元格间距”。IE中的问题<=7这将工作在几乎所有流行的浏览器，除了InternetExplorer通过InternetExplorer 7，在那里你几乎不走运。我说“几乎”是因为这些浏览器仍然支持border-collapse属性，它合并相邻表单元格的边框。如果你想消除细胞间距(也就是说，cellspacing="0")然后border-collapse:collapse应该有同样的效果：表格单元格之间没有空格。但是，这种支持是错误的，因为它不覆盖现有的cellspacing表元素上的HTML属性。简而言之：对于非InternetExplorer 5-7浏览器，border-spacing处理你。对于InternetExplorer，如果您的情况正好(您想要0单元格间距，而您的表还没有定义它)，则可以使用border-collapse:collapse.table {

border-spacing: 0;

border-collapse: collapse;}注意：有关可以应用于表和哪些浏览器的CSS属性的概述，请参见奇妙的Quirkmode页面.

html表格在页面间距,在CSS中设置单元格和单元格间距？相关推荐

html设置单词间隔,css中设置英文单词之间间距的属性是什么
css中设置英文单词之间间距的属性是word-spacing.word-spacing属性可以增加或减少字与字之间的空白,如[p{word-spacing:30px;}]. 本文操作环境:window ...
css中设置微软雅黑时，在ie6css中有些样式会失效的解决办法
最近做专题页面时发现在css中设置{font-family:"微软雅黑";} 时,在ie6中会使一些样式失去作用,或者出现页面变形,尝试着用办双引号去掉或者把字体设置成font- ...
html图片定位代码怎么写,如何在css中设置插入图片定位
在做网页开发时,客户给的素材图片通常都是连在一起的,这样做也是为了缩短响应时间.下面就给大家具体说一下 ,如何通过css属性来定位图片. 如何在css中设置插入图片定位首先设置固定图片的css属性是 ...
html怎么设置字体于字体的间隔,如何在css中设置字体间隔
如何在css中设置字体间隔发布时间:2021-05-15 15:39:05 来源:亿速云阅读:81 作者:Leah 如何在css中设置字体间隔?针对这个问题,这篇文章详细介绍了相对应的分析和解答, ...
css 2倍行距,如何在css中设置行间距
如何在css中设置行间距发布时间:2021-04-29 15:36:12 来源:亿速云阅读:63 作者:Leah 如何在css中设置行间距?相信很多没有经验的人对此束手无策,为此本文总结了问题出现 ...
css中字的大小,字体大小大于CSS中设置的大小
当我将字体大小设置为特定像素高度时,计算出的字体大小是我在CSS中设置的大小的1.333倍.但是,如果我将字体大小设置为百分比,则使用正确的大小.这种情况发生在我尝试的每个浏览器中,包括Firefox ...
关于cellpadding cellspacing 属性，无法在css中设置问题
1. 什么是table 的cellpadding cellspacing 属性 cellpadding:代表单元格边框到内容之间的距离(留白) cellspacing:用来指定表格各单元格之间的空隙. ...
默认字间距html,css如何设置字间距？
其实在css中设置字间距的方法很简单,只需要使用一个属性就行,这个就是letter-spacing属性.下面我们来了解一下letter-spacing属性,看看它是如何设置字间距的. letter-s ...
html怎么写入图片位置,如何在css中设置插入图片定位
在做网页开发时,客户给的素材图片通常都是连在一起的,这样做也是为了缩短响应时间.下面就给大家具体说一下 ,如何通过css属性来定位图片. 如何在css中设置插入图片定位首先设置固定图片的css属性是 ...

html表格在页面间距,在CSS中设置单元格和单元格间距？

html表格在页面间距,在CSS中设置单元格和单元格间距？相关推荐

最新文章

热门文章