html – 上标下划线随文字移动

概述我有 HTML代码： <div id="blah"> We have winner of 1^st Tournament</div> 用css #blah{text-decoration:underline;} 但这会将st向下移动到顶部并且看起来很奇怪.有什么办法可以使用css修复它 这很简单 试试这个 #blah sup{display:inline-bloc 我有 HTML代码：

<div ID="blah">   We have winner of 1<sup>st</sup> Tournament</div>

用CSS

#blah{text-decoration:underline;}

但这会将st向下移动到顶部并且看起来很奇怪.有什么办法可以使用CSS修复它

解决方法 这很简单
试试这个

#blah sup{display:inline-block;border-bottom:1px solID #000;padding-bottom:2px;//as per your requirement}

总结

以上是内存溢出为你收集整理的html – 上标下划线随文字移动全部内容，希望文章能够帮你解决html – 上标下划线随文字移动所遇到的程序开发问题。

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