html - CSS分离字体大小和行高

Question

我有这个代码，

p.quote span {
  font-size: 50px;
}

<p class="quote"><span>&ldquo;</span>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren,
  no sea takimata sanctus est Lorem ipsum dolor sit amet.<span>&rdquo;</span>
</p>

https://jsfiddle.net/ce9ej08s/

我不希望段落的行高像 50，有没有办法让段落的最后一行靠得更近一些？ 比如有没有办法在单独的元素中制作引号，这样引号的大小就不会改变段落的行高？

Answer 1

您可以结合使用垂直对齐和行高:

p.quote span {
    font-size: 50px;
    line-height: 0px;
    vertical-align: bottom;
}

这将正确设置引号的样式。

jsFiddle:https://jsfiddle.net/ce9ej08s/2/