HTML-img图片水平垂直居中。

时间:2014-06-09 15:16:41   收藏:0   阅读:188
bubuko.com,布布扣
<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>
bubuko.com,布布扣

 

HTML-img图片水平垂直居中。,布布扣,bubuko.com

评论(0
© 2014 mamicode.com 版权所有 京ICP备13008772号-2  联系我们:gaon5@hotmail.com
迷上了代码!