效果演示
问题描述:
span文字如何居中描述
/*图片样式*/
.left img{
width: 38px;
height: 38px;
}
/*文字*/
.left span{
vertical-align: 50%; /*文字垂直居中对齐*/
}
<img src="../img/repost.png"/> <span> 转发</span> <br/>
原因分析:
图片大小和文字大小不一致解决方案:
/*图片样式*/ .left.img{ width: 38px; height: 38px; }/*左侧文字*/.left span{vertical-align:50%; font-size: 38px;}
效果演示