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

 时间:2026-02-14 22:37:41

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;}

  • 怎么查本单位发表文献数量
  • 牙周检查流程和注意事项
  • 腾讯会议怎么开启弹幕
  • HTML如何使用文本字体样式标签
  • 投资的促进因素有哪些?
  • 热门搜索
    股票筹码怎么分析 yy没声音怎么回事 西安旅游景点 当我孤独的时候还可以抱着你 淘宝代销怎么发货 鞋磨脚后跟怎么办 我的召唤物可以学技能 武义旅游 城堡破坏者怎么联机 刨腹产多久可以同房