图片在div里边水平 垂直 居中_html/css_WEB-ITnose
程序员文章站
2022-04-29 10:08:29
...
我想让图片在蓝色框里边,水平垂直居中,该怎么办?
这样是不是可以...
这样是不是可以...
谢谢啊!! 可以了!
回复讨论(解决方案)
我现在只能水平居中
.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_WEB-ITnose
-
如何让Div始终保持水平居中或者垂直居中_html/css_WEB-ITnose
-
css如何将div实现全屏水平垂直居中_html/css_WEB-ITnose
-
div的垂直居中_html/css_WEB-ITnose
-
解读 CSS 布局之水平垂直居中_html/css_WEB-ITnose
-
CSS垂直居中和水平居中_html/css_WEB-ITnose
-
CSS垂直水平完全居中手册_html/css_WEB-ITnose
-
div不能水平居中_html/css_WEB-ITnose
-
CSS垂直水平完全居中手册_html/css_WEB-ITnose
-
html中的水平居中和垂直居中的问题。(固定高度与高度不定)_html/css_WEB-ITnose