Menú horizontal con número de elementos variables que se adapten al ancho total

[alexadb]

Hola a todos,

Quiero hacer un menú horizontal utilizando listas <ul>,< li>. La cuestión es que el número de elementos del menú (li´s) puede ser variable, es el típico menú de Paso 1, Paso 2, Paso 3 y podría haber 3 o 7 pasos y quiero que siempre se adapten y ocupen todo el ancho del menú (ul) haya 1,2 o 7 pasos.

¿Alguien sabe cómo o tiene constancia de algún sitio donde lo estén haciendo para echarle un vistazo al código?

En el peor de los casos, me gustaría saber al menos cómo si tengo sólo 3 elementos, esos 3 elementos ocupen el 100% del ancho del ul, que cuadra con el ancho de la capa contenedora típica.

Un saludo a todos y gracias de antemano

[alexadb]

Acabo de encontrar algo similar a lo que quiero aquí:

https://es-us.mujer.yahoo.com/alta-estilizada-5-pasos-191749407.html

Si quitamos uno de los elementos, el conjunto de items del menú se adaptan al ancho del menú.

[pzin]

Yo usaría display: table en el contenedor y display: table-cell en cada elemento de la lista.

[Xetori]

Porque no usas porcentajes?? si tienes 3 li, le pones un width: 33.3333% , 4 li 25% 5 li 20% y asi sucesivamente.