手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

关于Html5使用的sub和sup详解行间距问题

时间:2024-10-12 16:27:28

1、关于sup元素的用法: sup元素的一种用法就是表示脚注编号。根据从属关系,我们将脚注放在article的footer里,而不是整个页面的footer里。 sup元素的位置比同一行的文本要高。不过,不好的一点是,它们将会扰乱行间距。

2、关于使用sub和sup时的行间距问题: sub和sup元素会轻微的增大行高。我们可以采用css来解决这个问题。CSS样式是normalized.css(可以百度下载),我们可以下载这个文件,添加到我们的样式表里,作为一个基准样式表。

3、/*** Prevent `sub` and `sup` elements from affecting the line height 足毂忍珩in* all browsers.*/sub, sup {font-size: 75%;line-height: 0;position: relative; vertical-align: baseline;}sub { bottom: -0.25em; }sup { top: -0.5em; }

© 手抄报圈