Как сделать так, чтобы блоки Li выстраивались в линию, если они содержат текст переменной длины?

Я использую неупорядоченный список с элементами li для отображения нескольких полей на странице и на нескольких строках. Каждое поле содержит текст переменной длины, что увеличивает высоту некоторых полей. Вот пример.

Как сделать так, чтобы все ряды ящиков аккуратно выстраивались по странице?

Спасибо

Пожалуйста, добавьте сюда содержательный код и описание проблемы. Не делайте ссылку на сайт, который нужно исправить - в противном случае этот вопрос потеряет всякую ценность для будущих посетителей, как только проблема будет решена или сайт, на который вы ссылаетесь, станет недоступным. Отправка Минимальный, полный и проверяемый пример (MCVE), демонстрирующего вашу проблему, поможет вам получить более точные ответы. Для получения дополнительной информации см. Что-то на моем веб-сайте не работает. Могу я просто вставить на него ссылку? Спасибо!

j08691 13.11.2018 21:29

хорошо, если вы хотите, чтобы элементы не определяли свою собственную высоту, определите для них одну и дайте им прокрутку.

Zohir Salak 13.11.2018 21:38
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Введение в CSS
Введение в CSS
CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.
Как выровнять Div по центру?
Как выровнять Div по центру?
Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Travel Booking Angular Template один из лучших Travel & Tour booking template in the world. 30+ валидированных HTML5 страниц, которые помогут...
3
2
47
1

Ответы 1

Попробуйте изменить

#divOnPageMenu ul {
display: flex;
...
}

Другие вопросы по теме