css对元素进⾏垂直居中（基于基线的⽅式）
css设置文字垂直居中
对元素进⾏垂直居中：
对要垂直居中的元素，⽤⼀个同级元素做垂直参考。
例如在div中对img垂直居中：
img要
1.设为inline-block类型(本⾝就是这个类型可以跳过)
2.vertical-align:middle;
作为参考对齐基线的span:
1.宽度设为0,⼀般不想看到基线
2.元素类型设为inline-block
3.设置垂直居中属性:vertical-align:middle
4.设置span的⾼度，即参考基线的⾼度:,⼀般⾼度是⽗元素的⾼度，可以设置成100%
例⼦如下:
span{
width:0;
height:100%;
display:inline-block;
vertical-align: middle;
}
img{
vertical-align: middle;
/*margin: auto;*/
}

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。