Ich habe viel über das gleichmäßige Verteilen von Elementen mit CSS gelesen, aber für jede Lösung, die ich gefunden habe, müssen Sie die Breite und / oder Anzahl der zu verteilenden Elemente kennen und definieren.

Ich habe einen Container, der eine feste Breite hat - hier können sich beliebig viele li-Elemente mit einer automatischen Breite befinden, die gleichmäßig über das übergeordnete Element von links nach rechts verteilt werden müssen.

Hier ist mein Markup - außer dass es eine beliebige Anzahl von Registerkarten mit beliebiger Textlänge geben könnte.

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

Also auch mit CSS verteilen, wenn die Anzahl der Elemente und die Breite dynamisch sind - geht das?

Scheint so eine offensichtliche Sache zu sein - Verdammtes CSS!