Centrare un div con i css senza conoscerne la larghezza

30 Dicembre 2009 Css
ATTENZIONE! Il post ha più di 2 anni e le informazioni contenute potrebbero essere obsolete (ad esempio a causa di un aggiornamento di versione rispetto agli elementi descritti o links modificati da siti esterni).

Impostando la larghezza di un div è possibile centrarlo con la proprietà margin:auto . Ma se si vuole applicare lo stesso effetto ad un contenitore di dimensioni sconosciute è necessario utilizzare questo codice css:


.content {
 margin: 0 auto 8px;
 display: table;
}
.content div {
 display: table-cell;
}
<!--[if IE]>
.content {
 display: block;
 text-align: center;
}
.content div {
 display: inline;
 zoom: 1;
}
<![endif]-->

 

Commenti