Question

如何使下面的p标签扩展为其子范围的大小？这应该是相对简单的方法，但是我尝试了通常的显示，溢出等操作，但无法获得它。

div {
  margin: 5rem;
}
p {
  -webkit-margin-after: 0.7rem;
  margin-block-end: 0.7rem;
  -webkit-margin-before: 0.2rem;
  margin-block-start: 0.2rem;
  line-height: 150%;
}

p {
  font-size: 1rem;
}

.font-h1size {
  font-size: 3.052rem;
}

<div>

  <p style="border: 1px solid black;"><span class="font-h1size">The border is from the parent p tag</span></p>

</div>

Answer 1

line-height的{{1}}适用于段落的150%字体大小。

这将是一个主要示例，为什么几乎总是首选指定行高 less-unit ，

1rem或类似的产品，可能在这里为您做得更好（取决于您的实际需求。）

让父母div与孩子一起成长

1 个答案: