Question

I use WordPress on http://galnanyheter.com/ and for some reason, I get white space between my post (see picture). Have been looking into the code of my theme, and used the Firefox Web Developer add-on but can not find where they come from.

Someone who can help me where the white spaces will come from? enter image description here

Answer 1

您的区块可能会在浮构件上没有具体高度,而第一点点似乎在另一块地右上坐。

To fix the issue you might choose to set a fixed height on the floated elements ie

.entry2 {
    float: left;
    height: 300px;
    margin: 0;
    padding: 0 25px 0 0;
    width: 295px;
}

Or you may wish to have a clearing element beneath each set of 2 floated elements ie

<img style="float:left;"/><img style="float:left;"/>
<div style="clear:both;"> </div>

Answer 2

添加<代码><div>围绕您的栏目>。然后从<条码>上删除<条码>。在《规则》中,《规则》将《规则》定在<>auto ! important;只是为了推翻违约风格。

Demo:http://jsfiddle.net/ThinkingStiff/rBZFn/

传真:

<div id="sub-content">

CSS:

#sub-content {
    column-count: 2;
    column-fill: balance;
    column-gap: 0;
    float: left;
    width: 640px;
}

.entry2 {
    width: auto !important;
    height: auto !important;
    float: none !important;
}

Output:

Answer 3

你们正在使用<条码>float:left,涉及每一新闻项目,造成这种丑恶行为(因其高度不同,取决于新闻内容本身)。

我的解决办法是创造两个大的干 d(每栏1个),把它们抛开,然后在它们内部打上新闻物品,而没有浮动。 http://jsfiddle.net/tdZ9S/2/。

友情链接