修复使用sub和sup时的行间距问题
程序员文章站
2022-03-26 12:13:45
sub和sup元素会轻微地增大行高。 幸好,用一点CSS就可以修复这个问题。 来自Nicolas Gallagher和Jonathan Neal的normalize.css(http://necolas.github.com/normalize.css/)。 他们借用了https://gist.gi ......
sub和sup元素会轻微地增大行高。
幸好,用一点css就可以修复这个问题。
来自nicolas gallagher和jonathan neal的normalize.css(http://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; }
推荐阅读
-
解决Spring Boot和Feign中使用Java 8时间日期API(LocalDate等)的序列化问题
-
用DS配置oracle数据库时,使用和客户端相同的账号导致的问题
-
Winform中在使用VS+svn进行协同开发时添加引用时的相对路径和绝对路径的问题
-
修复使用sub和sup时的行间距问题
-
使用rowid和rownum获取记录时要注意的问题
-
使用rowid和rownum获取记录时要注意的问题
-
解决Spring Boot和Feign中使用Java 8时间日期API(LocalDate等)的序列化问题
-
HTML中sup标签上标字符和sub标签下标字符的使用方法介绍
-
修复使用sub和sup时的行间距问题
-
HTML中sup标签上标字符和sub标签下标字符的使用方法介绍