关于h5图片那些问题

图片和文字不在一行

• 有时候图片和文字在一行显示，这时会发现文字和img标签不在一条线上

<div id="denglu"> 
	<img src="login.png"> 
	<a href="#">找回密码</a> 
</div> 

#denglu *{ 
vertical-align:middle; /* 居中对齐， */ 
font-size:14px; 
}

• 图片尺寸自适应div大小

<div class="demo-item">
	<img class="demo-img" src="demo.png">
</div>	

.demo-item {
	with:100px;
	height:100px;
	overflow:hidden;
}
.demo-item img {
	with:100%;
	height:100%;
	object-fit:cover; /*fill(默认) | contain（保持原有尺寸比例内容被缩放。） | cover（保持原有尺寸比例。但部分内容可能被剪切） */
}

• 背景图片填充满整个div

	<div class="bg">
		....
	</div>	

.bg {
    background: url(../img/withdraw_btn_card_s.png) no-repeat;
    height: 2rem;
    width: 3rem;
    background-size: 100% 100%;
}

• 项目开发请联系