首页 >web前端 >html教程 >图片在div里边水平 垂直 居中_html/css_WEB-ITnose

图片在div里边水平 垂直 居中_html/css_WEB-ITnose

WBOY
WBOY原创
2016-06-24 12:25:361118浏览



我想让图片在蓝色框里边,水平垂直居中,该怎么办?





回复讨论(解决方案)


我现在只能水平居中
 .pic_upload 是div css

 .pic_upload {     width:180px;     height:180px;     float:left;     margin:20px 0 0 20px;     border:2px solid #5FA9E1;     background-color:#F3F3F3;     }        .pic_upload  img {display:block; margin:0 auto;}

table
这个时候就体现出table的好处了

.pic_upload {     width:180px;     height:180px;     float:left;     margin:20px 0 0 20px;     border:2px solid #5FA9E1;     background-color:#F3F3F3;     position:relative;/*使图片相对这个div绝对定位*/     }.pic_upload img {    margin: auto;	position: absolute;	top: 0;	left: 0;	bottom: 0;	right: 0;}

这样是不是可以...

.pic_upload {     width:180px;     height:180px;     float:left;     margin:20px 0 0 20px;     border:2px solid #5FA9E1;     background-color:#F3F3F3;     position:relative;/*使图片相对这个div绝对定位*/     }.pic_upload img {    margin: auto;	position: absolute;	top: 0;	left: 0;	bottom: 0;	right: 0;}

这样是不是可以...

谢谢啊!!  可以了!

恩恩,嘿嘿。

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn