我有一个由DIV制成的网格,其宽度固定,边框为1像素。现在,两个DIV相互接触,边界显然是2px。
我怎样才能在整个网格中获得1px边框?
这就是我的意思:
http://jsfiddle.net/Before/4uPtj/
HTML:
<div class="gridcontainer"> <div class="griditem"></div> <!-- 15 more times --> </div>
CSS:
div.gridcontainer { width: 80px; line-height: 0; } div.griditem { display: inline-block; border: 1px solid black; width: 18px; height: 18px; }
解决方法
边境倒塌财产有帮助吗?
The border-collapse property sets whether the table borders are collapsed into a single border or detached as in standard HTML.
见:http://www.w3schools.com/cssref/pr_border-collapse.asp
table#myTable { border-collapse:collapse; }