<分区>
我想删除 <p> 之间的空格在这段代码中:
CSS:
.ban {
position: relative;
display: inline-block;
height: 500px;
width: 500px;
background-color: purple;
text-align: center;
}
p {
display: inline-block;
width: 248px;
background-color: beige;
margin: 0px;
vertical-align: top;
}
HTML:
(我认为我不能在 p 之外使用 div )
<div class="ban">
<p>
text
</p>
<p>
text
</p>
<p id="text">
text
</p>
</div>
最佳答案
如果<p>的内容s 是常量，这意味着您可以更改它们，它们不是动态的，然后只需添加一个假的 div 来覆盖空间，如下所示:
.ban {
position: relative;
display: inline-block;
height: 500px;
width: 500px;
background-color: purple;
text-align: center;
}
p {
display: inline-block;
width: 248px;
background-color: beige;
margin: 0px;
vertical-align: top;
}
div.fake {
height: 72px;
width: 10px;
background: beige;
position: absolute;
z-index: 10;
left: 253px;
}<div class="fake"></div>
<div class="ban">
<p>
text<br>more<br>frikin<br>text<br>to<br>take<br>up<br>space
</p>
<p>
text<br>some<br>other<br>text
</p>
<p id="text">
text<br>hi<br>how<br>are<br>you
</p>
</div>关于html - 在不使用边距的情况下删除 <p> 之间的间距？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/34595980/