步悠美食
您的当前位置:首页图片在div里边水平垂直居中_html/css

图片在div里边水平垂直居中_html/css

来源:步悠美食


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





回复讨论(解决方案)


我现在只能水平居中
.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;}

这样是不是可以...

谢谢啊!! 可以了!

恩恩,嘿嘿。

显示全文