#书摘 #css #前端
《CSS 世界》深入内联元素 —— vertical-align 书接上回

1. 「vertical-align 上标下标类属性值指的就是 sub 和super 两个值，分别表示下标和上标。在HTML代码中，有两个标签语义就是下标和上标，分别是上标 <sup> 和下标` <sub>`，因为这两个HTML标签长得很类似，所以很多人经常记不清到底哪个是上标哪个是下标。我告诉大家一个记忆方法，就是看p和b两个字母的圈圈位置，如果圈圈在上面，就是“上标”，如果圈圈在下面，就是“下标”」确实好记
2. 「最后，HTML标签 <sup> 和 <sup> 的vertical-align属性也和super和sub有着非同一般的关系，那就是 <sup> 标签默认的vertical-align属性值就是super，`<sub>` 标签默认的vertical-align属性值就是sub。上标常用作标注，下标在数学公式、化学表达式中用得比较多，基本上，vertical-align 上标下标类属性值的实际应用价值也就上面这点儿了，设计本意之外的使用价值几乎就是零。」
3. 基于vertical-align属性的纯css定位的水平垂直居中弹框（p3-p5）可了解，现在自己应该是不会用这种方法的：https://demo.cssworld.cn/5/3-10.php
 
 
Back to Top