css控制tablecellpadding,cellspacing和align

《css控制tablecellpadding,cellspacing和align》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

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

2、ing:0;}还可以用expression来实现cellpadding="0"的样式：table{border-collapse:collapse;border-spacing:0;padd:expression(this.cellPadding=0);}CSS控制table的cellpadding,cellspacing和align作者:wywacczy日期:2010年07月12日发表评论(0)查看评论背景爆米花工作室面向客户提供网站服务时，通常需要提供报表相关的功能模块，而以HTML的table元素

3、进行具体实现时，通常需要控制表格的水平位置、单元格的间距等方面，本文将就此方面进行阐述。HTML实现HTMLtable的属性中，align用于控制表格水平位置，cellpadding和cellspacing用于控制HTML表格中的单元格的间距。例如，单元格间距为0、表格水平居中，实现的HTML代码片段如下：虽然实现效果正常，但代码繁琐，每个表格必须单独设置，将造成页面臃肿。因而，爆米花工

4、作室推荐通过CSS进行实现：CSS实现实现的表格单元格间距为0、表格水平居中的CSS代码片段如下：table{border:0;border-collapse:collapse;margin-left:auto;margin-right:auto;}tabletd{padding:0;}代码片段中：(1)table的border:0和border-collapse:collapse;实现了cellspacing=”0″；(2)tabletd的padding:0;实现了cellspacing=”0″；(3

5、)margin-left:auto;margin-right:auto;左边和右边的外间距设置auto，表格居中。相比较于HTML实现方式，CSS实现方式除了能够实现同样的效果，且与具体的表格分离，无需针对每个表格进行单独设置，因而更加简洁。尤其(3)点，对于设置表格的水平位置对齐非常有帮助，例如：设置表格水平位置左对齐的HTML代码片段和CSS代码片段，分别如下：table{margin-left:0;margin-right:auto;}设置表格

6、水平位置右对齐的HTML代码片段和CSS代码片段，分别如下：table{margin-left:auto;margin-right:0;}