necesito ayuda de alguien q pueda decirme como logro centrar una imagen dentro de un div, para poder aprovechar todo el espacio de este, algo tan simple me esta volviendo loco. He encontrado varias respuestas por aqui pero ninguna me acaba de servir. Gracias.
div.logodiv {
width: 60px;
height: 60px;
/*line-height:60px;
margin:0px auto;*/
text-align: center;
}
div.logodiv img {
vertical-align: middle;
width: 100%;
height: 100%;
}
<div class="logodiv">
<a class="navbar-brand" href="index.html">
<img src="images/logo.png" alt="logo" />
</a>
</div>
w-100
yh-100
a la etiquetaa
width: 100%;
yheight: 100%;
en la img. Basta con eliminar esto y no importa cuantos pixeles de ancho agregues alogodiv
ya que tienes el img dentro de un ancla<a>
y con la propiedadtext-align:center;
se centrara automáticamente.