码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2018-01-24 10:57:40      阅读:162      评论:0      收藏:0      [点我收藏+]

标签:ica   .com   idt   ssl   nbsp   jpeg   pos   ext   水平垂直   

.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(图片未知宽高)

标签:ica   .com   idt   ssl   nbsp   jpeg   pos   ext   水平垂直   

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

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