删除div之间的空格 [英] Delete white space between divs

问题描述

每个div都有css属性 display：inline-block

code>，每个都有一个设置的高度和宽度。

我找不到空格的位置。

这是一个小提琴

解决方案

你得到空格，因为你有空格在divs之间。内联元素之间的空格解释为空格。

您有：

 < div id =left_side> 
< div id =plan> 
< h1> div 1< / h1> 
< / div> 
< / div> 
< div id =right_side> 
< div id =news> 
< h1> div 2< / h1> 
< / div> 
< / div> 
  

更改为：

 < div id =left_side> 
< div id =plan> 
< h1> div 1< / h1> 
< / div> 
< / div>< div id =right_side> 
< div id =news> 
< h1> div 2< / h1> 
< / div> 
< / div> 
  

但是，这是一个糟糕的方式来做你想做的事。

你应该浮动元素，如果这是你想做的。

I'm getting some strange whitespace between two divs I have.

Each div has the css property display: inline-block and each have a set height and width.

I cannot find where the whitespace is.

Here is a Fiddle

解决方案

You get whitespace there because you have whitespace inbetween the divs. Whitespace between inline elements is interpreted as a space.

You have:

<div id="left_side">
    <div id="plan">
        <h1>div 1</h1>
    </div>
</div>
<div id="right_side">
    <div id="news">
        <h1>div 2</h1>
    </div>
</div>

Change for:

<div id="left_side">
    <div id="plan">
        <h1>div 1</h1>
    </div>
</div><div id="right_side">
    <div id="news">
        <h1>div 2</h1>
    </div>
</div>

However, this is a bad way to do what you want to do.

You should float the elements if thats what you want to do.

这篇关于删除div之间的空格的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！