使用 cellspacing 和 border-collapse:collapse 切割单元格边框

Question

您好，我刚刚添加了单元格间距以在单元格之间获得空间，但这已经切掉了单元格左侧的边框。

发生这种情况是因为所有表格都使用了 border-collapse:collapse ，但我在网上读到这是为了跨浏览器标准化。

如果这是真的。

我应该为所有表保留 border-collapse:collapse 吗？如果是这样，有什么解决办法。

对不起。

我使用的是IE7，但它必须是跨浏览器。

CSS 示例

/*Universal selector:
This rule set will be applied to every element in a document:*/
*
{
margin:auto;
padding:auto;
/*text-align:center;*/
}

/*The folowing rule will help to minimaze the differences between browesers*/
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th {font-size:1em; font-weight:normal; font-style:normal;}
ul,ol {list-style:none;}
img {border:none;}
caption,th {text-align:left;}
table {border-collapse:collapse ;border-spacing:0;font-size:1em; font-weight:normal; font-style:normal; font-family:Times New Roman;}


.divTitle{
    margin:10px;
}
}
.title
 {
font-weight:bold;
color:#0076BF;
font-size:1.4em;
font-family:Times New Roman;    
}

.divContainer
{   
margin:10px;

background-color:#C7D8EE;
border:2px solid #0076BF;
text-align:left;    
}

.tableContainer1
{
color:#0076BF;
margin:10px;
border-spacing: 15px;
empty-cells:show;

}   

.tableContainer1 tbody tr td
{
background-color:white;
border:2px solid #0076BF;
border-collapse:separate;

}

Answer 1

border-collapse是删除单元格之间的所有间距。如果你想要单元格间距，你可以使用border-spacingcss 属性。它在 IE7 及更低版本中不起作用，但所有其他浏览器都会忽略该cellspacing属性（如果border-spacing存在），因此您可以使用两者来使其在所有浏览器中工作。

border-collapse:collapse;如果您想有空间，请不要使用...