小编典典

如何删除内联块产生的多余边距空间?

css

我正在使用此CSS来格式化两列,但是我仍然在两列之间留有边距空间。我可以使用margin-left:-4px;或类似的方法消除它。有没有更优雅的方法可以做到这一点,或者CSS代码有问题?

div.col1{
  display: inline-block;
  min-height: 900px;
  height: 100%;
  width 300px;
  margin: 0px;
  background-color: #272727;
  overflow: hidden;
  border: 1px dotted red;
}

div.col2{
  display: inline-block;
  min-height: 900px;
  height: 100%;

  width: 620px;
  margin: 0px;

  vertical-align: top;
  border: 1px dotted red;
  overflow: hidden;
}

阅读 237

收藏
2020-05-16

共1个答案

小编典典

也许您有:

<div class="col1">
    Stuff 1
</div>
<div class="col2">
    Stuff 2
</div>

?如果是这样,那么这可能是一个空格问题(事实证明,空格在html中确实很重要)。这应该解决它:

<div class="col1">
    Stuff 1
</div><div class="col2">
    Stuff 2
</div>
2020-05-16