为什么字体较大的文本比其他文本显示得低?如何阻止它?我已经经历了很长一段时间的这个问题,但我总是设法找到一个解决办法,像降低其他文本。
但是,这一次我绝对需要它保持向上。如何使文本在屏幕上显示得更高?
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
只需将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>