[CSS] – Allineare immagine centralmente e verticalmente in una tabella

Allineare immagine centralmente e verticalmente in una tabella

Tramite CSS è possibile allineare l’immagine centralmente e verticalmente in una tabella (table). Per visualizzare correttamente i risultati dobbiamo semplicemente impostare la tabella con un altezza fissa e inserire un colore di sfondo. Ad esempio:

CSS

table {
     width: 100%;
     height: 500px;
     background-color: rgb(20,65,200);
}

td {
     text-align: center;
     margin: 0 auto;
     vertical-align: middle;
}

HTML

<table>
      <tr>
         <td>
            <img src="landofworld.jpg" alt="Land of World">
         </td>
      </tr>
</table>