首页 > 代码库 > HTML-img图片水平垂直居中。

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>