修复使用sub和sup时的行间距问题

2019-08-14 09:44:35来源:博客园 阅读 ()

新老客户大回馈,云服务器低至5折

subsup元素会轻微地增大行高。

幸好,用一点CSS就可以修复这个问题。

来自Nicolas GallagherJonathan Nealnormalize.csshttp://necolas.github.com/normalize.css/)。

他们借用了https://gist.github.com/413930的代码并去掉了注释。

上面这个GitHub的链接里包含了对这一段CSS的详细解释,感兴趣可以去看一看。

normalize.css推荐下载这个文件。该文件可以帮助建立一个跨浏览器的统一基准样式表,其文档也很详尽。

 

 1 /*
 2 * 在所有浏览器中防止sub和sup影响line-height
 3 * gist.github.com/413930
 4 */
 5 sub,sup {
 6             font-size: 75%;
 7             line-height: 0;
 8             position: relative;
 9             vertical-align: baseline;
10 }
11 sup {    top: -0.5em; }
12 sub {    bottom: -0.25em; }

 


原文链接:https://www.cnblogs.com/Charons/p/11130071.html
如有疑问请与原作者联系

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:HTML连载21-序选择器上

下一篇:HTML连载20-并集选择器&兄弟选择器