夢里花落0921

基本要控制css中的“單元格填充”，只需使用padding放在桌子上。例如10便士的“細胞填充物”：td?{?

????padding:?10px;}對于“單元格間距”，可以應用border-spacing屬性設置到表中。例如，10 px的“單元間距”：table?{?

????border-spacing:?10px;

????border-collapse:?separate;}這個屬性甚至允許分開的水平和垂直間隔，這是你不能做的老式“單元格間距”。IE中的問題<=7這將工作在幾乎所有流行的瀏覽器，除了InternetExplorer通過InternetExplorer 7，在那里你幾乎不走運。我說“幾乎”是因為這些瀏覽器仍然支持border-collapse屬性，它合并相鄰表單元格的邊框。如果你想消除細胞間距(也就是說，cellspacing="0")然后border-collapse:collapse應該有同樣的效果：表格單元格之間沒有空格。但是，這種支持是錯誤的，因為它不覆蓋現有的cellspacing表元素上的HTML屬性。簡而言之：對于非InternetExplorer 5-7瀏覽器，border-spacing處理你。對于InternetExplorer，如果您的情況正好(您想要0單元格間距，而您的表還沒有定義它)，則可以使用border-collapse:collapse.table?{?

????border-spacing:?0;

????border-collapse:?collapse;}注意：有關可以應用于表和哪些瀏覽器的CSS屬性的概述，請參見奇妙的Quirkmode頁面.

總結

以上是生活随笔為你收集整理的html表格在页面间距,在CSS中设置单元格和单元格间距？的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。