HTML – 如何在不同的字体大小相同的行上对齐两个单词？

发布时间：2020-12-14 18:38:34 所属栏目：资源来源：网络整理

导读：我需要一个接一个地显示两行不同字体的文本,这样它们的顶行位于相同的垂直位置,即：我尝试使用vertical-align：top,但没有运气.而不是预期的结果我有这个：有没有一些标准的方法来达到预期的效果？这是我的HTML： div id="container" spanTEXT/span TEXT/

我需要一个接一个地显示两行不同字体的文本,这样它们的顶行位于相同的垂直位置,即：

我尝试使用vertical-align：top,但没有运气.而不是预期的结果我有这个：

有没有一些标准的方法来达到预期的效果？

这是我的HTML：

<div id="container">
    <span>TEXT</span> TEXT
</div>

和CSS：

#container {
    font-size: 30px;
}

#container span {
    font-size: 16px;
    vertical-align: top;
}

解决方法

一种方法是：

#container span {
    position: relative;
    top: 2px;
    }

调整2px以适应.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!