Вопрос №66905 от пользователя Andrew Kang в испытании «Timeline»
https://ru.hexlet.io/code_reviews/585021 Привет Никита вроде бы я прошел задания)но посмотрев на ответ учителя у меня по другому( Вот такой вопрос! Допустим у меня есть timeline где я через псевдоэлемент задал вертикальную линию! Далее я круги задал через элемент списков! то есть они не зависимо располагаются друг от друга! я подбил на глаз left -59px но как это сделать системно! не на глаз?)
Здравствуйте
Тут всегда стоит исходить из различных значений. Например, почему в решении учителя -60px? Это значение считается из нескольких параметров:
- Ширина элемента. Круг имеет ширину 20px. Но нам нужно отцентрировать элемент относительно линии, поэтому можно поделить на два и получить 10px
- Внутренний отступ от левого края списка. Этот отступ 50px
Вот 50 + 10 и дали те 60 пикселей, которые указаны. Там ещё компенсация у самой линии, но это уже скорее истории на глаз. Обычно стоит брать во внимание ширину/высоту элемента и все отступы, которые присутствуют. Зачастую размер элемента ещё будет делиться на два, так как нам нужен центр элемента, а не его край
Используйте Хекслет по максимуму!
- Задавайте вопросы по уроку
- Проверяйте знания в квизах
- Проходите практику прямо в браузере
- Отслеживайте свой прогресс
Зарегистрируйтесь или войдите в свой аккаунт
С нуля до разработчика. Возвращаем деньги, если не удалось найти работу.
