提问者:小点点

为什么字体较大的文本比其他文本显示得低?如何阻止它?


为什么字体较大的文本比其他文本显示得低?如何阻止它?我已经经历了很长一段时间的这个问题,但我总是设法找到一个解决办法,像降低其他文本。

但是,这一次我绝对需要它保持向上。如何使文本在屏幕上显示得更高?

null

<div style = 'display:flex; justify-content:space-between;'>
        <p style = 'font-size:60px;'>Lorem ipsum</p>
        <p style = 'font-size:30px;'>Lorem ipsum</p>
    </div>

null


共1个答案

匿名用户

只需将align-items:baseline;添加到flex容器中,即可将两个文本放在相同的基线上:

null

<div style='display:flex; justify-content:space-between;align-items: baseline;'>
  <p style='font-size:60px;'>Lorem ipsum</p>
  <p style='font-size:30px;'>Lorem ipsum</p>
</div>