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

实现div里的img图片水平垂直居中

时间:2017-09-09 19:05:59      阅读:184      评论:0      收藏:0      [点我收藏+]

标签:padding   设置   tle   css   class   vertica   cal   width   ext   

<body> <div> <img src="1.jpg" alt="haha"> </div> </body>

 

 

将display设置成table-cell,然后水平居中设置text-align为center,垂直居中设置vertical-align为middle。

<style type="text/css">
*{margin: 0;padding: 0;}
div{
width:150px;
height: 100px;
display: table-cell;
vertical-align: middle;
text-align: center;
border:1px solid #000;
}
img {
width: 50px;
height: 50px;
}
</style>

实现div里的img图片水平垂直居中

标签:padding   设置   tle   css   class   vertica   cal   width   ext   

原文地址:http://www.cnblogs.com/wangyunhui/p/7498905.html

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