字体相关细节疑问之行框与行内框
总结点:
内容区高度=字体高度=font-size
行高=内容区高度+行间距
行内框=内容区
行框=上半行边距+max(行内框)+下半行边距
有坑:
在一个容器中要想设置元素垂直居中对齐(或者其它的对齐方式), 会使用到行高属性(line-height),
之前看到过说对齐基准是一行中行内框最大的元素,
经过几次测试发现, 好像不是这样的,
我们必须要设置父元素的行高为自己本身的高度才可以按照我们想要的对齐方式对齐
总结点:
内容区高度=字体高度=font-size
行高=内容区高度+行间距
行内框=内容区
行框=上半行边距+max(行内框)+下半行边距
有坑:
在一个容器中要想设置元素垂直居中对齐(或者其它的对齐方式), 会使用到行高属性(line-height),
之前看到过说对齐基准是一行中行内框最大的元素,
经过几次测试发现, 好像不是这样的,
我们必须要设置父元素的行高为自己本身的高度才可以按照我们想要的对齐方式对齐