html - 在不使用边距的情况下删除 <p> 之间的间距？

Question

<分区>

Answer 1

如果<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>