段落中的行高问题

Question

我正在使用WordPress并将一个类应用于帖子文本的一部分。

这是我的帖子

<p>
    <span class="disclaimer">A really long line of text that covers more than one line.</span>
</p>

这是我的CSS

p > .disclaimer {
    font-size: 50%;
    line-height: 50%;
}

这是我的问题：
字体变小50％但行高不变。无论我输入什么值的行高，它都不会正确调整大小。当文本环绕时，文本显示巨大的间距。

Answer 1

您需要将line-height放在p而不是span上：

＆＃13;

＆＃13;

p {
  line-height: 50%;
  width:100px; /* for example only*/
}
.disclaimer {
  font-size: 50%;
}

＆＃13;

<p><span class="disclaimer">A really long line of text that covers more than one line.</span></p>

＆＃13;

＆＃13;

＆＃13;

Answer 2

试

p > .disclaimer {
font-size: 50%;
line-height: 50%;
display:block;}

Answer 3

对于内嵌元素，

line-height的工作方式与阻止元素的工作方式不同。

在您的span的css中尝试display: block;，或者如果您需要将span用作内联元素，则可以引用here