html表格在页面间距,在CSS中设置单元格和单元格间距？

梦里花落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页面.