html - 创建带有可选滚动条的可变宽度 <pre> 元素

Question

我想在我的网站上添加宽度可变的div，当宽度小于最长行时它会显示滚动条。 我尝试以可变宽度 (100%) 包装这样一个固定宽度的元素，但这没有用。我得到了整个页面上的滚动条。

有什么想法吗？

谢谢 亚龙

Answer 1

您可以将 overflow CSS 属性应用于有问题的 div:

#problematic-div {
    overflow: hidden;
}

这定义了溢出元素内容区域的内容会发生什么。对于值滚动，无论实际是否需要，用户代理都应该提供滚动机制；因此，例如，即使所有内容都适合元素框，滚动条也会出现。

你可以尝试一些例子here .

希望对您有所帮助。