字母x的下边缘（线）就是CSS中的基线。
- ascender height: 上行线高度。
- cap height:大写字母高度。
- median: 中线。
- baseline：基线
- descender height:下行线高度。
x-height —— 小写字母x的高度，基线和等分线（mean line，也称作中线 midline）之间的距离。
ex是CSS中的一个相对单位，指的是小写字母x的高度，即x-height。
使用ex实现文本与图标对齐
<template> <div style="padding: 20px;font-size: 30px"> 无论字体多大，ex都能实现文字和图标对齐<i class="icon-arrow"></i> </div> </template> <style scoped> .icon-arrow { display: inline-block; width: 20px; height: 1ex; background: url(https://demo.cssworld.cn/images/5/arrow.png) no-repeat center; } </style>
