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

Question

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

Есть мысли?

Спасибо, Ярон

Answer 1

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

#problematic-div {
    overflow: hidden;
}

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

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

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