@apodolsky

Список (ul) пирамидкой без костылей и JavaScript (ну или с ним в крайнем случае)?

День добрый.
Попалась мне интересная задачка: нужно создать маркированный список с равномерными отступами слева у каждого последующего элемента (в виде пирамидки):


1. Привет, Front page!
----2. Привет, Front page!
--------3. Привет, Front page!
------------4. Привет, Front page!


Очень желательно БЕЗ JavaScript и ручного позиционирования.
  • Вопрос задан
  • 194 просмотра
Решения вопроса 1
@bogomazov_vadim
Ответ написан
Пригласить эксперта
Ответы на вопрос 4
Zraza
@Zraza
Помог ответ? Отметь решением!
Есть у меня подозрение, что без JS это невозможно
Единственное, можно сгенерировать "портянку" стилей с li:nth-child() через препроцессор
https://codepen.io/zarza666/pen/YzzVJPv
Ну, если c js - все просто, проходимся циклом по элементам списка и прописываем paddingLeft: i * 10 + 'px'
Ответ написан
@HungryGrizzzly
Сумасшедший кросс
Делается за 2 секунды, если я правильно понял задание)
Ответ написан
Kianl
@Kianl
Печальный веб-разработчик
Как вариант - просто сделать каждый подпункт отдельным списком и задать всем одинаковый margin-left.

<ul>
<li>
Это первый пункт...
<ul>
<li>
Это второй пункт...
<ul>
<li>
И так далее...
</li>
</ul>
</li>
</ul>
</li>
</ul>
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
20 февр. 2020, в 17:48
2000 руб./за проект
20 февр. 2020, в 17:45
60000 руб./за проект
20 февр. 2020, в 17:38
3000 руб./за проект