@PiggyPig

Какой есть аналог justify-content: space-between?

Добрый вечер!
На странице есть список, расположенный в одну строку.
<ul>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    ...
</ul>

Нужно равномерно распределить во всю ширину родительского блока.
Т.е. эффект должен быть аналогичный flex-свойству justify-content: space-between.
Помогите найти что-нибудь кроссбраузерное, чтобы поддерживало как можно более старые версии браузеров, в частности IE (хотя бы IE 7-8 минимум).
Сайт-то в остальном нормально отобразится у такого старья, и ради этой строки со списком не хочется повышать планку версий.
  • Вопрос задан
  • 1253 просмотра
Решения вопроса 2
galkan
@galkan
ul {
text-align: justify;
font-size: 0;
}
ul:after {
content: "";
display: inline-block;
visibility: hidden;
width: 100%;
height: 0;
}
Ответ написан
Комментировать
NN-webmaster
@NN-webmaster
Обожаю веб
Табличные свойства. Хотя, как со старыми браузерами отреагирует, не знаю. CanIUse пишет, что IE поддерживает их с 8-й версии.
https://jsfiddle.net/alex_sol/wcvau334/
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы