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

dat*_*ata 33 html css

规范指出,水平滚动条应该是如果溢出-X将始终显示:滚动设置.

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

Kon*_*lph 101

使用:

overflow-x: auto;
Run Code Online (Sandbox Code Playgroud)

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