文字垂直居中的几种方法
时间：2023-04-02 13:25:20
HTML
1、使用line-height（适用于知道高度，一行文字），让line-height与height等高，使文字垂直居中。2.设置上下padding3.通过table.testdiv{height:87px;显示：表格；}.innerdiv{宽度：20px；高度：100%；行高：20px；填充：04px；border-right:1pxsolid#F4F8FB;字体大小：14px；文本对齐：居中；背景：#F4F8FB；显示：表格单元格；垂直对齐：中间；}服装
三、使用vertical-align和空标签（可用于未知高度）.testdiv{height:87px;}h4{宽度：20px；高度：100%；向左飘浮;行高：20px；填充：04px；border-right:1pxsolid#F4F8FB;字体大小：14px；文本对齐：居中；背景：#F4F8FB；}h4a{显示：内联块；垂直对齐：中间；：#1A397C；}h4i{高度：100%；宽度：0；展示：内联块；垂直对齐：中间；颜色：#1A397C；}
Clothing
四、absolute+margin-top方法（你需要知道内部div的高度).testdiv{height:87px;位置：相对；背景：#F4F8FB；}.innerdiv{宽度：20px；高度：40px；行高：20px；填充：04px；边框：1px实心#000；字体大小：14px；文本对齐：居中；位置：绝对；顶部：50%；边距顶部：-21px；testdiv">
centered 五、absolute+transform方法（适用于内部div高度不确定的情况，因为translate属性的值为a相对于元素本身内容的百分比+padding+border来计算).testdiv{height:87px;position:relative;background:#F4F8FB;}.innerdiv{width:20px;line-height:20px;padding:04px;边框：1pxsolid#000;字体大小：14px；文本对齐：居中；位置：绝对；顶部：50%；transform:translateY(-50%);