div层中图片垂直居中的css样式_html/css_WEB-ITnose
- WBOY原創
- 2016-06-24 12:27:541208瀏覽
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、图片不定义大小
固定高宽的容器中，图片垂直局中。
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn