css基线与行高

1、基线、底线、顶线、中线

注意：基线（base line）并不是汉字文字的下端沿，而是英文字母“x”的下端沿。

2、vertical-align：设置元素的垂直对齐方式。

如果行内含有图片和文字，在浏览器渲染出来后，读者可以发现文字和图片在垂直方向并不是沿中线居中，而是沿基线对齐。这是因为，元素默认的垂直对齐方式为基线对齐（vertical-align：baseline）。
2.1、基线对齐（vertical-align：baseline）
2.2、顶端对齐（vertical-align：top）
2.3、文本顶端对齐（vertical-align : text-top）
2.4、底端对齐（vertical-align : bottom）
2.5、文本底端对齐（vertical-align : text-bottom）
2.6、中间对齐（vertical-align : middle）
2.7、上标（vertical-align:super）使元素的基线相对于基准元素的基线升高，下标（vertical-align:sub）使元素的基线降低，移动的幅度CSS规范中没有规定，由浏览器来决定。

上下标不会改变元素文字的尺寸大小。

3、削除文本基线的几种方式

3.1.display:block
3.2.vertical-align:middle
3.3.font-size:0px