@Raneto4ka

Как правильно задать высоту строки?

В хлебных крошках нужно корректно настроить отступы при переносе текста на маленьких экранах.
В данном примере https://codepen.io/Raneto4ka/full/yLNvVpo на xs экране длинный заголовок переносится на две строки, из-за чего смещается вверх и уменьшает отступ до верхней строки.
Мне нужно сделать так, что бы этот отступ всегда был одинаковый (11px). При этом учесть, что заголовок не обязательно будет длинным и вполне может умещаться в одну строку. Так что margin для li не решает эту проблему.
  • Вопрос задан
  • 71 просмотр
Решения вопроса 1
sashabeep
@sashabeep
Дней без вопросов про Slick на тостере : 0
Задача в-приниципе, понятна. Но я бы на нее даже и внимания не обратил, чесслово. Ну будет 2 отступа, да и хрен бы с ним.

Что мешает задать
li{margin-bottom:11px}
ul{margin-bottom:-11px}

или margin-top и отрицательный padding-top у UL(не улетело бы далеко наверх)?
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
SkiperX
@SkiperX Куратор тега CSS
.breadcrumbs--how-to ul li {
    display: flex;
    /* height: 27px; */
    align-items: center;
    margin: 5px 0;
    /* margin-bottom: 0; */
}
Ответ написан
daemonhk
@daemonhk
ПсиХоПат
Для li задать нижний margin и убрать ему же фиксированную высоту

Да и к чему такая точность?
letter-spacing: -.2px;
font-size: .875rem;
Ответ написан
Ваш ответ на вопрос

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

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