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

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

我尝试使用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以适应.

总结

以上是内存溢出为你收集整理的HTML – 如何在不同的字体大小相同的行上对齐两个单词？全部内容，希望文章能够帮你解决HTML – 如何在不同的字体大小相同的行上对齐两个单词？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。