@EM-CODER
Просто верстальщик

Как сверстать линию прогресса для IE9 без flexbox?

5b241a2cc7378187315916.png

Нужно сверстать это и под IE9 , к сожалению там flexbox не работает. Как бы вы сделали ? учитывая что там количество может быть от 2-х до 6-ти точек , первая и последняя что была по краям , а остальные равномерно выравнивались ...

P.S. мне надо сделать это быстро, но нервы уже не канат ) пробовал по разному , может у кого-то найдется хорошая идея )
  • Вопрос задан
  • 271 просмотр
Решения вопроса 2
delphinpro
@delphinpro Куратор тега CSS
frontend developer
Фиксированная таблица распределяет ячейки равномерно, как space-between во флексах.
Отсюда и пляшите

.progress
  .cell

.progress { display: table; table-layout: fixed; width: 100%; }
.cell { display: table-cell; }


Возможно придется добавить обертку для table-row
Ячейки релатив, или внутри доп. контейнер с релатив.
Точки добавить внутрь, раскидать обсолютом по границам ячеек.
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
Ваш ответ на вопрос

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

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