html 内容居中

html 内容居中

1.利用div进行水平居中

head里：

<style>
		.headImg{width: auto; margin: 0px auto;}
	</style>

body里

<!--文字居中-->
<div class="headImg" align="center">woooo</div>
<!--图片居中-->
<div class="headImg" align="center"><img src="logo.jpg"/></div>

2.利用直接图片的属性让图片居中

head里：

<style>
		.headImg{width: auto; clear: both; display: block; margin:auto; }
	</style>
body里

<img src="logo.jpg" class="headImg" />