如何在CSS中设置cellpadding和cellspacing

在HTML表格中，cellpaddingandcellspacing可以这样设置：

<table cellspacing="1" cellpadding="1">

使用CSS如何完成相同的工作？

解决方案：

基本

要在CSS中控制“ cellpadding”，您可以简单地padding在表格单元格上使用。例如10px的“ cellpadding”：

td { padding: 10px;
}

对于“ cellspacing”，可以将border-spacingCSS属性应用于表。例如10px的“ cellspacing”：

table { border-spacing: 10px;border-collapse: separate;
}

该属性甚至允许单独的水平和垂直间距，而老式的“ cellspacing”则无法做到这一点。

IE≤7中的问题

除了通过Internet Explorer 7的Internet Explorer，几乎在所有流行的浏览器中都可以使用，您几乎不走运。我之所以说“几乎”是因为这些浏览器仍然支持该border-collapse属性，该属性合并了相邻表格单元的边界。如果你想消除CELLSPACING（也就是cellspacing="0"），那么border-collapse:collapse应该有同样的效果：表格单元格之间没有空格。但是，此支持存在很多问题，因为它不会覆盖cellspacingtable元素上的现有HTML属性。

简而言之：对于非Internet Explorer 5-7浏览器，border-spacing您一定会满意。对于Internet Explorer，如果您的情况恰到好处（您想要0个单元格间距并且您的表尚未定义），则可以使用border-collapse:collapse。

table { border-spacing: 0;border-collapse: collapse;
}

本文首发于前端黑洞网，csdn同步跟新

如何在CSS中设置cellpadding和cellspacing相关推荐

在 CSS 中设置 cellpadding 和 cellspacing？
问: 在 HTML 表格中,cellpadding 和 cellspacing 可以这样设置: 如何使用 CSS 实现相同的功能? 答1: huntsbot.com – 程序员副业首选,一站式外包任务 ...
cellpadding_在CSS中设置cellpadding和cellspacing
cellpadding Introduction: 介绍: It is not unknown anymore that now and then we make use of tables in o ...
如何在 CSS 中设置组件在浏览器屏幕水平垂直居中
如何在 CSS 中设置组件在浏览器屏幕水平垂直居中在 CSS 中设置组件在浏览器屏幕水平垂直居中可分解为两个问题,一是设置组件在其父组件的水平垂直居中,二是让其父组件铺满整个屏幕. 对于让最 ...
html图片定位代码怎么写,如何在css中设置插入图片定位
在做网页开发时,客户给的素材图片通常都是连在一起的,这样做也是为了缩短响应时间.下面就给大家具体说一下 ,如何通过css属性来定位图片. 如何在css中设置插入图片定位首先设置固定图片的css属性是 ...
html怎么设置字体于字体的间隔,如何在css中设置字体间隔
如何在css中设置字体间隔发布时间:2021-05-15 15:39:05 来源:亿速云阅读:81 作者:Leah 如何在css中设置字体间隔?针对这个问题,这篇文章详细介绍了相对应的分析和解答, ...
html img图片不平铺,如何在css中设置图片不平铺
如何在css中设置图片不平铺发布时间:2021-04-29 15:39:28 来源:亿速云阅读:80 作者:Leah 这篇文章将为大家详细讲解有关如何在css中设置图片不平铺,文章内容质量较高,因 ...
css可以设置文本框颜色吗,如何在css中设置文本框颜色
如何在css中设置文本框颜色发布时间:2021-04-29 15:33:54 来源:亿速云阅读:72 作者:Leah 如何在css中设置文本框颜色?针对这个问题,这篇文章详细介绍了相对应的分析和解 ...
css 2倍行距,如何在css中设置行间距
如何在css中设置行间距发布时间:2021-04-29 15:36:12 来源:亿速云阅读:63 作者:Leah 如何在css中设置行间距?相信很多没有经验的人对此束手无策,为此本文总结了问题出现 ...
html怎么写入图片位置,如何在css中设置插入图片定位
在做网页开发时,客户给的素材图片通常都是连在一起的,这样做也是为了缩短响应时间.下面就给大家具体说一下 ,如何通过css属性来定位图片. 如何在css中设置插入图片定位首先设置固定图片的css属性是 ...

如何在CSS中设置cellpadding和cellspacing

本文首发于前端黑洞网，csdn同步跟新

如何在CSS中设置cellpadding和cellspacing相关推荐

最新文章

热门文章