首页 > 其他 > 详细

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

时间:2017-06-15 16:56:38      阅读:236      评论:0      收藏:0      [点我收藏+]
 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里水平且垂直居中

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!