2011-02-11 20 views
5

Estoy tratando de crear el NAV deCómo centrar un ul (NAV) que tiene ancho flexible

http://forrst-production.s3.amazonaws.com/posts/snaps/59125/mega.jpg?1297328693

el ancho de navegación se expandirá o contraerá en función del ancho de los elementos de lista interiores. ¿Cómo puedo lograr eso? o debo establecer un ancho fijo para el navegador?

+0

Hay muchas cosas diferentes que puedes hacer aquí. ¿Siempre habrá 5 artículos? ¿Ese ancho de cinta es de ancho fijo o cambia de tamaño según el ancho de la ventana gráfica? Mi primer pensamiento es establecer 'width: 20%', 'float: left', y' text-align: center' en cada elemento del menú. – thirtydot

+0

Entonces, básicamente, ¿quieres lograr eso, centrado, sin establecer el ancho de la cinta? – jQuerybeast

+0

@jQuerybeast, sí –

Respuesta

10

Haga que cada elemento y la cinta finalicen display:inline-block, luego use text-align:center en el elemento primario.

+0

Entonces obtendré algo así como -> http: // imgur .com/sz0zc.jpg donde el ul obtiene el ancho del elemento contenedor? http://jiewmeng.kodingen.com/demos/wp-wip/comp.html –

Cuestiones relacionadas