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

Question

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

我试过这个:

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

但它不能正常工作

它看起来像这样:

文本继续向左边缘移动。 (我的html页面的方向是RTL从右到左)

有什么建议吗？

Answer 1

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

white-space CSS 属性设置了如何处理元素内的空白； pre-wrap保留空白序列，在换行符处换行，位于 <br> ，并根据需要填充行框。

pre {
  white-space: pre-wrap;
}

这篇文章提供了很多关于 pre 标签的重要信息:https://mediatemple.net/blog/tips/considerations-for-styling-the-pre-tag/