Ver Mensaje Individual
  #2 (permalink)  
Antiguo 13/11/2013, 15:45
Avatar de pzin
pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.489
Antigüedad: 22 años, 3 meses
Puntos: 2114
Respuesta: Centrar verticalmente img dentro de un div con float

Código CSS:
Ver original
  1. img#imagen1 {
  2.   position: relative;
  3.   top: 50%;
  4.   transform: translateY(-50%);
  5. }

Añádase los prefijos propietarios pertinentes.

Otra forma:

Código HTML:
Ver original
  1. <div id="imagen1">
  2.   <span><img id="i1" src="algo.jpg"></span>
  3. </div>

Código CSS:
Ver original
  1. div#d {
  2.   display: table;
  3. }
  4.  
  5. div#d span {
  6.   display: table-cell;
  7.   vertical-align: middle;
  8. }