div层中图片垂直居中的css样式_html/css_WEB-ITnose
程序员文章站
2022-04-20 19:58:05
...
1、图片定义大小
.div{ border:1px solid #000;width:200px;
height:200px;position:relative;
}
.img {
position:absolute;
top:50%;
left:50%;
margin:-50px 0 0 -50px;
width:100px;
height:100px;
border:1px solid red;
}
2、图片不定义大小
利用定位来显示垂直局中的图片
.div{ border:1px solid #000;width:200px;
height:200px;position:relative;
}
.img {
position:absolute;
top:50%;
left:50%;
margin:-50px 0 0 -50px;
width:100px;
height:100px;
border:1px solid red;
}
2、图片不定义大小
固定高宽的容器中,图片垂直局中。
上一篇: php中的Base62类(适用于数值转字符串)_php技巧
下一篇: 蛙蛙推荐:css背景图片固定居中,div阴影,背景半透明,div圆角,DIV渐变_html/css_WEB-ITnose
推荐阅读
-
div的垂直居中_html/css_WEB-ITnose
-
div的垂直居中_html/css_WEB-ITnose
-
DIV中的背景图片控制问题,谢谢各位_html/css_WEB-ITnose
-
html中的水平居中和垂直居中的问题。(固定高度与高度不定)_html/css_WEB-ITnose
-
div垂直居中的N种方法以及多行文本垂直居中的方法_html/css_WEB-ITnose
-
CSS中实现DIV容器垂直居中_html/css_WEB-ITnose
-
初学HTML/CSS:图片如何在DIV中的垂直居中,文字与DIV中的间距如何消除_html/css_WEB-ITnose
-
初学HTML/CSS:图片如何在DIV中的垂直居中,文字与DIV中的间距如何消除_html/css_WEB-ITnose
-
css ul li 中的控件垂直居中_html/css_WEB-ITnose
-
怎么才能让如下代码中的INPUT垂直居中_html/css_WEB-ITnose