html - 强制 CSS 证明创建间隙是合理的

Question

我一直在尝试各种方法来消除段落或我应用类的对象下的间隙，例如给出负数 'bottom-margin' 并调整 'line-height' 但它们似乎都无法解决问题。

.wrapper {  
    width: 940px;
    border: blue solid 1px;
}

p { margin: 0; }

.post-justify { 
    text-align: justify;
    display: inline-block;
    width: 100%;
    background: yellow;
}


.post-justify:after {
    content: '';
    text-align: justify;
    display: inline-block;  
    width: 100%;
} 

fiddle :http://jsfiddle.net/PH34N/

有解决办法吗？

Answer 1

所以，这有效:http://jsfiddle.net/PH34N/9/ .

我必须将 position 设置为 absolute 并给它一个 top 的 0，定位那个不可见的相对于它的容器的原点。

.post-justify:after {
    content: '';
    text-align: justify;
    display: inline-block;  
    width: 100%;
    position: absolute;
    top: 0;
} 

---

修改后的解决方案:

我使用相邻兄弟 (.post-justify + p) 来定位使用该类的下一段，并给它一个负边距来提高它。

.post-justify { 
    text-align: justify;
    display: inline-block;
    width: 100%;
    background: yellow;
}


.post-justify:after {
    content: '';
    text-align: justify;
    display: inline-block;  
    width: 100%;
} 


.post-justify + p {
     margin-top: -1em;   
}

这不是最漂亮的解决方案，但它确实有效。