hoCentrare un ul con Li galleggiare
<div id="container">
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
</div>
Con il seguente CSS:
#container li {
float:left;
height:33px;
line-height:30px;
text-align:center;
width:auto;
}
#container{
width:600px;
}
Tuttavia sto avendo difficoltà nel orizzontalmente centrare l'ul all'interno #container
. Sembra che io abbia bisogno di una larghezza fissa impostata su ul per margin: 0 auto
per funzionare (necessita di text-align: center
per IE). Tuttavia non voglio impostare una larghezza fissa per l'ul in quanto gli elementi li saranno dinamici.
Si prega di avvisare.
Grazie, ma non inline-block non funziona in IE6 (e IE7?)? – cadaa
Puoi provare questo trucco per farlo funzionare con IE (non riesco a verificare se funziona, dato che ora sono su un Mac). Aggiungi questo a '#container ul':' zoom: 1; * display: inline; 'La spiegazione alla base di questo è spiegata qui: http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/ –