Какой стиль поможет inline-block'у?

Question

[Nohaga]

sofuwa.beget.tech/111.html
sofuwa.beget.tech/222.html - минимизированный код

Вот две странички с вот этим примером https://ittricks.ru/verstka/716/raspredelenie-inli...
равномерное выравнивание инлайн блоков.

Проблема в том что если HTML минимизирован это не работает, между li тегами должен быть или пробел или перевод строки. Возможно ли это как то решить CSS или JS без вмешательства в код?

Comments

[Сергей Горячев]

Флексы не вариант?

Answer 1

[Арсений Матыцин]

Я так понял это типа хак с пробелами. Ну и сразу заверну, что хак хреновый. В HTML каждый символ на вес золота, пробелы в особенности. И если твой код не может в минификацию и обратно без потерь вообще, то это плохая верстка.

К тому же есть решение в виде flexbox-ов. Со свойством justify-content: space-between. На фоне флексбоксов, тенденций оптимизации такие хаки выглядят реально очень, очень глупо.

Answer 2

[Никита Мелихов]

Этот хак уже устаревший. Почти как вёрстка таблицами :)

Используйте flexbox.