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

来源：动视网责编：小采时间：2020-11-27 15:43:43

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

图片在div里边水平垂直居中_html/css_WEB-ITnose:我想让图片在蓝色框里边，水平垂直居中，该怎么办？回复讨论(解决方案) 我现在只能水平居中 .pic_upload 是div css .pic_upload { width:180px; height:180px; float:left; margin:20px 0 0 20px; bord

推荐度：

点击下载本文 文档为doc格式

导读图片在div里边水平垂直居中_html/css_WEB-ITnose:我想让图片在蓝色框里边，水平垂直居中，该怎么办？回复讨论(解决方案) 我现在只能水平居中 .pic_upload 是div css .pic_upload { width:180px; height:180px; float:left; margin:20px 0 0 20px; bord

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

回复讨论(解决方案)

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

这样是不是可以...

谢谢啊！！可以了！

恩恩，嘿嘿。

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

推荐度：

点击下载本文 文档为doc格式

标签： html 水平居中 css

热门焦点

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

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

回复讨论(解决方案)

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

最新推荐

猜你喜欢

热门推荐