vertical-aline和line-height

时间：2023-03-31 00:08:44 CSS

baseline基线：字符x的底部x-height：字母x的高度，当vertical-aline设置为middle时，对齐为x-height的1/2在基线上方，因此Vertical-aline设置为中间而不是直线居中对齐。行高1。关于内容高度的思考：当没有设置高度时，什么决定了视觉高度？.box{line-height:0;}.box1{line-height:12px;}.box2{line-height:12px;font-size:0;content

结果：contentheight元素的高度由line-height支持思考：对于非替换元素，line-height会不会影响高度元素的？.box{line-height:0;}.box1{line-height:120px;

结果：替换元素内容高度2.行间距二linesGapbetweentext4.line-height属性值normal：默认为normal，与字体和浏览器有关，大约1.2Lengthvalue：有单位，直接按这个值计算Value：最终计算出来的值为和值的百分比乘以当前字体大小后：最终计算的值为当前字体大小乘以后的值。父元素设置一个百分比，子元素继承的不是百分比，而是父元素计算出来的值。vertical-align只能应用于行内元素和显示值为table-cell的元素。1、baseline基线对齐2、数值相对于baseline上下移动的问题1、不同字号的文字在一起时，内容的高度为box{line-height:32px;}.box>span{font-size:24px;}xTextx

文本默认对齐到基线。当不同大小的文本的基线对齐时，顶部和底部将是唯一的。uniquedistance如果足够大，就会出乎意料2.思考：box.box的高度是多少{line-height:32px;}.box>span{字体大小：24px；}text