Задать вопрос
@Centrovoy
css

Как центрировать элемент по высоте строки?

Задача: выравнивать элемент по центру строки (первой строчке текста).
Шрифт может меняться от 8px до 26px.
Думаю, что нужно привязываться к line-height, но пока не понимаю как.

5c4acb2a0d6d4506165088.png
В данном случае элемент "чекбокс" должен встать по центру линии:
5c4acb324a3b7741497155.png
  • Вопрос задан
  • 133 просмотра
2 комментария
Подписаться 1 Простой 2 комментария
Пригласить эксперта
Ответы на вопрос 2
webinar
@webinar
Учим yii: https://youtu.be/-WRMlGHLgRg
Я спросил у ясеня, как центрировать маркер списка, а ясень и ответил мне >>>
если коротко ясень предлагает:
ul li {
  background: url("marker.png") no-repeat left center;
}

Кстати у ясеня есть и другие варианты. Да и тополь знает кучу >>>
Ответ написан
Комментировать
Комментировать
Ankhena
@Ankhena Куратор тега CSS
Нежно люблю верстку
Вариантов полно.
vertical-align для инлайн-блоков, флексы, позиционирование, используя единицы измерения шрифтов и т.д.

Вот пример, делала для соседнего вопроса на другую тему. Но он удачно и сюда подходит.
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Frontend-разработчик (React)
ДАЛЕЕ
от 130 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
Настройка сервера
18 апр. 2024, в 21:56
2000 руб./за проект
Помощь с водпресс
18 апр. 2024, в 21:00
150 руб./за проект
Спарсить ссылки на все товары конкретного продавца в озон
18 апр. 2024, в 20:13
2000 руб./за проект
Ещё заказы