CSS常规解决办法：
表格的cellpadding和cellpadding我们经常会用如下的方式来清除默认样式：
<table cellspacing="0" cellpadding="0"></table>
我们可以用table的border-collapse: collapse;属性 来代替cellspacing="0"，用th,td的padding: 0; 属性来代替cellpadding="0"。
table {
border-collapse:collapse;
border-spacing:0;
}

th,td {
padding: 0;
}



还可以用expression来实现cellpadding="0"的样式：
table {
border-collapse:collapse;
border-spacing:0;
padd:llPadding=0);
}
CSS控制table的cellpadding,cellspacing和align
作者: wywacczy 日期: 2010 年 07 月 12 日 发表评论 (0) 查看评论
背景
爆米花工作室面向客户提供网站服务时，通常需要提供报表相关的功能模块，而以HTML的table元素进行具体实现时，通常需要控制表格的水平位置、单元格的间距等方面，本文
将就此方面进行阐述。
HTML实现
HTML table的属性中，align用于控制表格水平位置，cellpadding和cellspacing用于控制HTML表格中的单元格的间距。
例如，单元格间距为0、表格水平居中，实现的HTML代码片段如下：
<table cellpadding="0" cellspacing="0" align="center">
</table>
虽然实现效果正常，但代码繁琐，每个表格必须单独设置，将造成页面臃肿。因而，爆米花工作室推荐通过CSS进行实现：
CSS实现
实现的表格单元格间距为0、表格水平居中的CSS代码片段如下：
table { border: 0; border-collapse: collapse; margin-left: auto; margin-right: auto; }
table td { padding: 0; }
代码片段中：
(1) table的border: 0和border-collapse: collapse; 实现了cellspacing=”0″；
(2) table td的padding: 0; 实现了cellspacing=”0″；
(3) margin-left: auto; margin-right: auto; 左边和右边的外间距设置auto，表格居中。
相比较于HTML实现方式，CSS实现方式除了能够实现同样的效果，且与具体的表格分离，无需针对每个表格进行单独设置，因而更加简洁。
尤其(3)点，对于设置表格的水平位置对齐非常有帮助，例如：
设置表格水平位置左对齐的HTML代码片段和CSS代码片段，分别如下：
<table align="left">
</table>
table { margin-left: 0; margin-right: auto; }
设置表格水平位置右对齐的HTML代码片段和CSS代码片段，分别如下：
<table align="right">
css表格样式
</table>
table { margin-left: auto; margin-right: 0; }

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。