Question

嗨我刚刚添加了cellspacing来获取单元格之间的空间，但是这已经切掉了单元格左边的边框。

这是因为使用了border-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是删除单元格之间的所有间距。如果您想要cellspacing，则可以使用border-spacing css属性。它在IE7及更低版本中不起作用，但如果存在cellspacing，则所有其他浏览器都会忽略border-spacing属性，因此您可以使用它们在所有浏览器中使用它。

如果你想留出空间，请不要使用border-collapse:collapse;

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

1 个答案: