如果不需要，请在pre中隐藏滚动条

Question

spec表示如果设置了overflow-x：scroll，则应始终显示水平滚动条。

在我的网站上，我经常在<pre> - 块中发布代码。由于这没有预定义的宽度，但周围的div确实有一个最大值（定义为百分比），似乎我无法弄清楚如何实现以下内容： 如果代码块不是太宽，请隐藏水平滚动条。 如果超出宽度，则显示滚动条。 任何提示？我想我已经尝试了overflow-x和-y的大多数组合，但似乎没有人做我想要的。

Answer 1

使用：

overflow-x: auto;

auto告诉浏览器只有在内容超出框宽度时才会显示滚动条。