如何在 HTML pre 标签中禁用水平滚动

Question

我正在尝试禁用 HTML pre 标签中的水平滚动

我试过这个：

pre {
    height: auto;
    max-height: 500px;
    overflow:hidden;
    background-color: #eeeeee;
}

但它不能正常工作

它看起来像这样：

文本继续向左边缘。（我的html页面的方向是RTL Right to Left）

有什么建议吗？

Answer 1

overflow-x: hidden 切断文本，但不换行。

该white-spaceCSS属性，而不是设置元素里面的空白的处理方式; pre-wrap保留空白序列，在换行符处断行，在<br>，并根据需要填充行框。

pre {
  white-space: pre-wrap;
}