Создание элемента <pre> переменной ширины с дополнительными полосами прокрутки

Question

Я хочу добавить div на мой сайт, который имеет переменную ширину, и что он будет отображать полосы прокрутки, когда ширина меньше самой длинной строки. Я попытался обернуть такой элемент фиксированной ширины в переменную ширину (100%), но это не сработало. Я получил полосы прокрутки на всей странице.

Какие-нибудь мысли?

Спасибо Ярон

Answer 1

Вы можете применить overflow CSS свойство для проблемных div:

#problematic-div {
    overflow: hidden;
}

Это определяет, что происходит с содержимым, которое выходит за пределы области содержимого элемента. Для прокрутки значения предполагается, что пользовательские агенты предоставляют механизм прокрутки независимо от того, действительно ли он нужен; таким образом, например, полосы прокрутки появятся, даже если весь контент может поместиться в поле элемента.

Вы можете попробовать несколько примеров здесь.

Надеюсь, поможет.