Kako da centriram sliku u CSS-u vertikalno i horizontalno?

Question

Kako mogu da centriram sliku <img> pomoću CSS-a i vertikalno i horizontalno?

Answer 1

Defaultno centriranje slike je bottom (align="bottom", moze je se centrirat jos:

- align="middle"

- align="top"

- align="right"

- align="left"

Problem nastaje kada je zelis centrirat i horizontalno i vertikalno na sredinu jer te opcije nemas za IMG tag jer ako stavis align left middle - bi ce centrirano samo middle jer uzima zadnju vrijednost - ali postoji zaobilazni put za takvo setiranje:

<table id="slike">
  <tr>
    <td><img src="logo.jpg"></td>
  </tr>
</table>

#slika td {
   vertical-align: middle;
   text-align: center;
}