我一直在尝试各种方法来消除段落或我应用类的对象下的间隙,例如给出负数 '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/
有解决办法吗?
最佳答案
所以,这有效: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;
}
这不是最漂亮的解决方案,但它确实有效。
关于html - 强制 CSS 证明创建间隙是合理的,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20895747/