DIV 以外的元素的 CSS "overflow"属性

标签 css html overflow

CSS 属性 overflow 是否适用于 div,或者是否有支持此属性的其他 HTML 元素列表?

我尝试使用:

<span style="overflow:auto;"><img src="hs.gif" alt="Horizontal Scroll"></span>

但是当内容被部分隐藏时,它似乎没有应用水平滚动条,就像 div 的情况一样。

最佳答案

它适用于大多数*元素;问题是你的 <span>扩展以包含您的图像。 (滚动条需要多大宽度?)给它一个宽度(为此,它也不能是内联的;<span> s 的默认值):

<span style="overflow: auto; display: inline-block; width: 100px;">

And now it works.

* 大多数: block 级元素、表格单元格、内联表和内联 block 元素。 Documentation here.

关于DIV 以外的元素的 CSS "overflow"属性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13920895/

相关文章:

javascript - 一次只允许点击一个按钮

html - 如何让这个侧边栏保持静止但仍然响应?

javascript - 更改 Bootstrap 弹出窗口的属性

html - 如何在 HTML CSS 网格上定位 "overlay rectangle",但从列边界水平偏移? (根据我的形象)

css - CSS 问题

css - 如何在 HTML5 中使用 Email 标签

html - COLSPAN 在 textarea 中工作吗?

css - 如何自动向我的 div 添加垂直滚动条?

html - Opera 错误溢出 :hidden & position:absolute viewport-size

html - 以当今现代方式使用 "caption"HTML 元素的最合适方式是什么?