html - 使用 CSS 设置表格样式时的额外空间

Question

作为重新设计网站的一部分，我正在尝试使用 CSS 设计表格样式。

<table width="100%" cellpadding="0" cellspacing="0" border="0">

我最终得到了这个:

<table class="table1">

.table1 {
width: 100%;  
border: none;
border-spacing: 0;
border-collapse: colapse;
padding : 0;
}

奇怪的问题:给表格应用css样式时，结果略有不同。单元格之间的空间稍大。

请查看 jsfiddles:

表格不是 CSS 样式:http://jsfiddle.net/32534/1/带有 CSS 样式的表格:http://jsfiddle.net/47AUR/1/

为什么文本输入之间有额外的空间？我究竟做错了什么？!谢谢!

编辑:使用谷歌浏览器。

Answer 1

cellpadding 也会影响 td 填充，所以只需添加:

.table1 td{
    padding: 0;
}