Home > css > Centrare un div con i css senza conoscerne la larghezza

Centrare un div con i css senza conoscerne la larghezza

30 dicembre 2009 No Comments

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]-->

Visualizza la DEMO

Tags: css

Lascia un Commento

L'indirizzo email non verrà pubblicato. I campi obbligatori sono contrassegnati *

*

È possibile utilizzare questi tag ed attributi XHTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>