首页 > Web开发 > 详细

纯CSS实现图片水平垂直居中于DIV(图片未知宽高)

时间:2018-01-24 10:34:02      阅读:232      评论:0      收藏:0      [点我收藏+]
.demo{border:1px #ddd solid;width:267px;height:267px;overflow:hidden;text-align:center;display:table;float:left;margin:50px;position:relative;}
.demo a{display:table-cell;vertical-align:middle;width:267px;height:267px;}
.demo a img{margin:0 auto;max-width:267px;max-height:267px;}

 

 

纯CSS实现图片水平垂直居中于DIV(图片未知宽高)

技术分享图片
技术分享图片
技术分享图片
技术分享图片
技术分享图片

纯CSS实现图片水平垂直居中于DIV(图片未知宽高)

原文:https://www.cnblogs.com/hellman/p/8340081.html

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