He leído mucho sobre la distribución uniforme de elementos usando css, pero cada solución que he encontrado requiere que usted sepa y defina el ancho y / o la cantidad de elementos que se distribuyen.

Tengo un contenedor que tiene un ancho fijo: aquí podría haber cualquier número de elementos li de un ancho automático que deban distribuirse uniformemente a través del elemento principal de izquierda a derecha.

Aquí está mi marca, excepto que podría haber cualquier número de pestañas con texto de longitud.

<code><ul class="tabs">
     <li class="tab active" id="tab-1"><span class="tab-title">Tab 1</span></li>
     <li class="tab " id="tab-2"><span class="tab-title">Tab 2</span></li>
     <li class="tab " id="tab-3"><span class="tab-title">Tab 3</span></li>
     <li class="tab " id="tab-4"><span class="tab-title">Tab 4</span></li>
</ul>
</code>

Entonces, incluso la distribución con css cuando el número de elementos y el ancho es dinámico, ¿se puede hacer?

Parece una cosa tan obvia que querer hacer - ¡Maldita sea CSS!