夢里花落0921

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

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

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

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

????border-spacing:?0;

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

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。