gpt4 book ai didi

html - 如何在较大文本的顶部对齐较小的文本

转载 作者:行者123 更新时间:2023-11-28 15:15:33 26 4
gpt4 key购买 nike

我在一个容器中有三个文本项。中间文本具有较大的字体。我想将第一项的顶部与第二项的顶部对齐。

.container {
border: 1px solid black;
}

.container p {
display: inline-block;
}

.large {
font-size: 50px;
}
<body>
<div class="container">
<p class="first">One</p>
<p class="large">Two</p>
<p>Three</p>
</div>
</body>

https://jsfiddle.net/7ofrravh/2/

我能想到的唯一方法是使用绝对位置,但是当我更改屏幕大小时,这会越界。我希望能够更改屏幕的大小并让一切保持原样。有谁知道这样做的方法吗?

最佳答案

更改 CSS:

.container {
border: 1px solid black;
}

.container p {
display: inline-block;
vertical-align:top;
margin:0;
}

.large {
font-size: 50px;
line-height:1;
}

.container {
border: 1px solid black;
}

.container p {
display: inline-block;
vertical-align:top;
margin:0;
}

.large {
font-size: 50px;
line-height:1;
}
<body>
<div class="container">
<p class="first">One</p>
<p class="large">Two</p>
<p>Three</p>
</div>
</body>

关于html - 如何在较大文本的顶部对齐较小的文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47299691/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com