html div跟随图标,html – div中的中心图标 – 水平和垂直

参见英文答案 >

How to center an element horizontally and vertically?                                    10个

我正在以父div为中心的图标(垂直和水平).我的页面上有很多不同大小的父div,所以我希望能够按比例将图标放在每个父div的中心.这是一个JSFiddle的问题：

HTML

CSS

.img_container{

width:100px;

height:100px;

position:relative;

background:red;

}

.img_container2{

width:100px;

height:50px;

position:relative;

background:blue;

}

.icon-play-circle{

position:absolute;

top:45%;

left:45%;

color: white;

}