图片垂直对齐
//父级盒子
.img1 {
position:relative;
}
.img1 img {
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
margin:auto;
}
图片与文字在同一行
1.图片和文字外面包裹一个div,并给予类名
<div class="titleCss">
<img src="http://localhost:8080/logo.png">
<span style="color: white;font-size: 45px;margin-left: 52px">智聘管平台</span>
</div>
2.样式里面要设置vertical-align: middle;
.titleCss {
position: relative;//这是上面图片的父级
vertical-align: middle;//图片与文字在同一行的必备
background-color: #438eb9;
padding: 5px;//图片会挡着文字,所以需要文字右移
}
最后效果: