在HTML表格中，cellpaddingandcellspacing可以這樣設定：
<table cellspacing="1" cellpadding="1">
使用CSS如何完成相同的作業？
解決方案：
基本
要在CSS中控制“ cellpadding”，您可以簡單地padding在表格單元格上使用，例如10px的“ cellpadding”：
td {
padding: 10px;
}
對于“ cellspacing”，可以將border-spacingCSS屬性應用于表，例如10px的“ cellspacing”：
table {
border-spacing: 10px;
border-collapse: separate;
}
該屬性甚至允許單獨的水平和垂直間距，而老式的“ cellspacing”則無法做到這一點，
IE≤7中的問題
除了通過Internet Explorer 7的Internet Explorer，幾乎在所有流行的瀏覽器中都可以使用，您幾乎不走運，我之所以說“幾乎”是因為這些瀏覽器仍然支持該border-collapse屬性，該屬性合并了相鄰表格單元的邊界，如果你想消除CELLSPACING（也就是cellspacing="0"），那么border-collapse:collapse應該有同樣的效果：表格單元格之間沒有空格，但是，此支持存在很多問題，因為它不會覆寫cellspacingtable元素上的現有HTML屬性，
簡而言之：對于非Internet Explorer 5-7瀏覽器，border-spacing您一定會滿意，對于Internet Explorer，如果您的情況恰到好處（您想要0個單元格間距并且您的表尚未定義），則可以使用border-collapse:collapse，
table {
border-spacing: 0;
border-collapse: collapse;
}
本文首發于前端黑洞網，博客園同步跟新
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/276124.html
標籤：其他