本文探讨了在使用Chrome浏览器访问自建站点时遇到的HTML元素间距问题。通过调整CSS样式，如将body的margin设为0，并针对table元素使用cellspacing属性来消除单元格间的间隙，实现了更紧凑的页面布局。
使用的chrome浏览器，开始访问自己建立的站点。还是比较常规的代码，即<body>标签开始写入html标签<table> 发觉，页面之间总有空隙，觉得这应该是浏览器对页面元素默认的属性赋值，使用了google插件查看之后，确实发现body的margin:8px。然后设置了body{
margin:0px;
}
间距没有了，页面显得紧凑。貌似IE的默认是5px，不太记得了。
然后设置table的内容，发觉td之间的间隔在某些场合还是影响了美观性，于是如下设置：
<table cellspacing="0px" style="width:100%;text-align:center">
间隔消失。把cellspacing放到style里是不行的，原因是原来的cellspacing属性被现在的css样式属性替代了，
替代的属性是:border-collapse:collapse.
另外，cellspacing一看便是对容器里面的内容进行设置，而且被包含的元素和容器本身存在一定的组成关系，需同时出现的，所以td是不能使用这一的属性的，按照这样的分析，tr貌似可以，实际还是不行，最终只有table是可以的。
扫一扫
9548
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
