如何删除由内联块生成的额外余量空间？ [英] How do I remove extra margin space generated by inline blocks?

问题描述

我使用这个CSS格式化两列，但我仍然得到两个之间的边距空间。我可以使用 margin-left：-4px; 或一些这样消除它。是否有更优雅的方式来做到这一点，或者CSS代码有什么问题？

I am using this css to format two columns but I am still getting margin space between two. I can eliminate it with use of margin-left: -4px; or some such. Is there a more elegant way to do this or is there something wrong with the CSS code?

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;
}

推荐答案

p>

Perhaps you have:

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

？如果这样，那么这可能是一个空白的问题（原来hites空间无关紧要）。这应该修复它：

? If so then this is probably a whitespace problem (it turns out whitespace does matter in html). This should fix it:

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

这篇关于如何删除由内联块生成的额外余量空间？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！