HTML-img图片水平垂直居中。
<style>
.box{ width:800px;height:800px;border:1px solid #000; text-align:center;}//水平居中
span{ display:inline-block; height:100%; vertical-align:middle;}//垂直居中
img{ vertical-align:middle;}//垂直居中
</style>
</head>
<body>
<div class="box">
<img src="xxxx.jpg" /><span></span>
</div>- 上一篇 »现在网页中流行的css3样式
- 下一篇 »css3实现水平、垂直居中