字体和图片的垂直居中、水平居中

字体居中

字体垂直居中

<div style="height:40px;">
	//line-height的值等于父级div的高度
	<p>垂直居中</p>
</div>

字体水平居中

<div style="text-align:center;">
	<p style="height:40px; line-height:40px;">水平居中</p>
</div>

图片居中

图片垂直居中

<div style="vertical-align:middle;">
	<img src="img.png"/>
</div>

图片水平居中

<div style="text-align:center;">
	<img src="img.png"/>
</div>