Estoy centrando una imagen en un div, funciona bien en chrome, pero en Internet Explorer no se centra bien, ¿pueden guiarme?
Éste es mi código:
.imgUser {
display: flex;
width: 120px;
height: 120px;
margin: 0 auto;
margin-top: 15px;
border-radius: 50%;
overflow: hidden;
justify-content: center;
}
.imgUser img {
height: 100%;
}
<div style="width: 250px; text-align: center; float: left; background-color: gray; ">
<div class="imgUser">
<img src="img.jpg">
</div>
</div>
text-align:center
(aunque no sé cuál es tu caso específico).space-evenly
dejustify-content
, que no se enfoca en centrar los elementos sino en distribuirlos equitativamente; claro, hay otros bugs y mas pero el Flexbox en general esta muy bien soportado-ms-
y que IE en general cuenta con numerosos bugs para flexbox.