HTML CSS LI обертка

В моей системе есть вертикальное меню, которое в основном состоит из HTML ul / li со стилем CSS (см. Изображение ниже). Однако я не хочу, чтобы элементы li, которые шире, чем меню, обертывались, я бы предпочел, чтобы они переполнялись горизонтальной полосой прокрутки внизу меню. Как я могу сделать это в CSS?

Улучшение производительности загрузки с помощью 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 страниц, которые помогут...
25
0
80 060
3
Перейти к ответу Данный вопрос помечен как решенный

Ответы 3

Используйте white-space:nowrap. Вот так:

li {
  white-space:nowrap;
}

Вот какой-то документация.

Ответ принят как подходящий
ul {
  overflow: auto;  // allow li's to overflow w/ scroll bar
                   // at the bottom of the menu
}

li {
  white-space: nowrap; // stop the wrapping in the first place
}

Вам также нужно будет присвоить стилю uk:

ul{
 width:250px;
 overflow:auto;
}

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