梦里花落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中设置单元格和单元格间距?》对你有帮助,请点赞、收藏,并留下你的观点哦!