CSS中img和span同行显示怎样让它们垂直居中?
1、给img和span加上vertical-align: middle;样式
<div class="logo">
<img src="../assets/img/common/xy.png" alt="">
<span>欢迎来到我的笔记!</span>
</div>
.logo img{
width: 52px;
height: 52px;
vertical-align: middle;
}
.logo span {
display: inline-block;
width: 200px;
height: 100%;
line-height: 52px;
vertical-align: middle;
}
2、使用定位position
.logo {
position: relative;
}
.logo img{
width: 52px;
height: 52px;
}
.logo span {
display: inline-block;
width: 200px;
height: 100%;
line-height: 52px;
position: absolute;
top: 0;
bottom: 0;
left: 54px;
}