Kilka innych pytań dotyczyło już tego, jak najlepiej stosowaćtext-align: justify aby równomiernie rozłożyć elementy bloku śródliniowego… na przykładJak * naprawdę * usprawiedliwić poziome menu w HTML + CSS?

Jednak element 100% szerokości, który „czyści” linię elementów bloku śródliniowego, otrzymuje własną przeglądarkę. Nie wiem, jak pozbyć się tej pustej pionowej przestrzeni bez użycialine-height: 0; na elemencie macierzystym.

Zobacz przykład problemuto skrzypce

Do mojego rozwiązania, które wykorzystujeline-height: 0;, widziećto skrzypce

Rozwiązanie, którego używam, wymaga nowegoline-height być stosowane do elementów potomnych, ale wcześniej ustawioneline-height zgubiony. Czy ktoś wie o lepszym rozwiązaniu? Chcę unikać tabel, aby elementy mogły zawijać się w razie potrzeby, a także flexbox, ponieważ obsługa przeglądarki nie jest jeszcze dostępna. Chcę także unikać pływaków, ponieważ liczba elementów rozstawionych będzie dowolna.