码迷,mamicode.com
首页 > 其他好文 > 详细

不固定宽高img在div里水平且垂直居中

时间:2017-06-15 17:15:46      阅读:114      评论:0      收藏:0      [点我收藏+]

标签:垂直居中   oct   type   body   charset   alt   class   ack   doctype   

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Title</title>
 6     <style>
 7         #box{
 8             background:cadetblue;
 9             text-align:center;
10             line-height:800px;
11         }
12 
13         img{
14             vertical-align:middle;
15         }
16     </style>
17 </head>
18 <body>
19 <div id="box">
20     <img src="../img/9.jpg" alt="图片" />
21 </div>
22 </body>
23 </html>

 

不固定宽高img在div里水平且垂直居中

标签:垂直居中   oct   type   body   charset   alt   class   ack   doctype   

原文地址:http://www.cnblogs.com/miaoxiaojiao/p/7018713.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!