是否可以对两个或更多行内块使用不同的行高？

Question

是否可以对两个或更多行内块使用不同的行高？示例：

​

.block{
  width: 300px;
}

.text-1 {
  font-size: 30px;
  line-height: 30px
}

.text-2 {
  font-size: 20px;
  line-height: 15px
}

<div class="block">
  <span class="text-1">Here some text here some text</span>
  <span class="text-2">other text other text other text</span>
</div>

​

这就是我想要得到的：

​

Answer 1

​

.text-1 {
  line-height: 1.5em;
}

.text-2 {
  line-height: 1em;
  font-size: 0.8em;
  color: #555;
}

div{
    width: 400px;
    font-size: 2.5em;
    font-color: #000;
    font-family: sans-serif;
}

<div>
  <span class="text-1">Here some text here some text</span>
  <span class="text-2">other text other text other text other text other text</span>
</div>

​

Answer 2

抱歉，我有解决方案。您需要在父块上设置行高(最小)，然后您可以更改子块上的任何行高。你不能把它放在比父母更低的位置--这就是我的问题:)