Задать вопрос
justasinner
@justasinner
веб-дизайнер

Как растянуть li по высоте?

Всем привет! Есть список, где строка имеет ширину и высоту. Как сделать чтобы при большом кол-ве текста, сам текст переносился, а строка растягивалась по высоте?
Вот наглядный пример jsfiddle.net/GxD3v
Если слишком длинный Адрес, то текст переносится и наезжает на следующую строку.
  • Вопрос задан
  • 3737 просмотров
Подписаться 2 Оценить Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Решения вопроса 1
.product-about-list__item {
min-height:30px;
}
Вместо height использование min-height не подойдет?
Ответ написан
Пригласить эксперта
Ответы на вопрос 3
nowm
@nowm
Этот вопрос лучше архитектурно решать. Если вы вместо списка будете использовать таблицу для представления таких данных, то у вас автоматически решится куча вопросов с дизайном. И не нужно будет задавать кучу absolute/relative правил, и текст не будет на метки наезжать, и всё растягиваться будет нормально. Да и вообще, не нужно будет имитировать табличное представление — оно и так будет табличным.

И для тех же тегов «TD» вполне нормально можно «itemptop» прописывать.
Ответ написан
Комментировать
word-wrap: break-word;
Ответ написан
Комментировать
kabr
@kabr
.product-about-list__item {height:auto; line-height:normal; padding:10px}
.col-address {margin-left:100px}
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы