html – 如何使用CSS折叠一组标签的边框？

发布时间：2020-12-14 21:22:24 所属栏目：资源来源：网络整理

导读：我有一个由DIV制成的网格，其宽度固定，边框为1像素。现在，两个DIV相互接触，边界显然是2px。我怎样才能在整个网格中获得1px边框？这就是我的意思： http://jsfiddle.net/Before/4uPtj/ HTML： div class="gridcontainer" div class="griditem"/div !-- 1

我有一个由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;
}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!