参见英文答案 >
How to remove the space between inline-block elements?31个答案我使用这个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; }
解决方法
也许你有:
<div class="col1"> Stuff 1 </div> <div class="col2"> Stuff 2 </div>
?如果这样,那么这可能是一个空格问题(原来hites空间无关紧要)。这应该解决它:
<div class="col1"> Stuff 1 </div><div class="col2"> Stuff 2 </div>