html - 自动水平滚动

标签 html css button scroll

这听起来很“菜鸟”,但我是 HTML/javascript/php 的新手,到目前为止,我一直在寻找新东西。不过现在,我遇到了一个小问题。

我正在尝试制作一个包含大量按钮的用户界面(它是一个按钮矩阵,5x24)。当浏览器最大化时,一切都很好,按钮在它们应该在的位置。但是当浏览器被调整以使其变得更窄(宽度变小)时,按钮试图通过在彼此之上移动来保持可见。

我想知道如何让它自动出现水平滚动条。

我试过将所有内容都放在 <body> 中标记和放置 style="width:100%;overflow:scroll;"但是按钮仍然按照它们的方式进行操作,也就是说,当它们应该并排放置时,最终会彼此重叠......

非常感谢!!!

最佳答案

问题是,width: 100% 表示父元素的全宽。为您的容器提供必要的宽度(以 px 为单位,而不是 %)以容纳所有按钮。将它放在带有 overflow: auto 的 div 中,它应该可以工作。

关于html - 自动水平滚动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12380034/

相关文章:

javascript - 为热门新闻创建幻灯片

css - 溢出:隐藏不起作用

html - 按钮 CSS 样式不适用于 iOS

android - 如何激活按钮以在单击时切换到另一个布局?

android - 在一个按钮中携带短信而不在Android中显示它

javascript - 当文本从 MS Word 粘贴到文本区域时如何捕获格式?

HTML 电子邮件文本溢出

php - 想要将我的格式化 DIV 转换为 PDF 并单击一下通过电子邮件发送。是否可以?

javascript - 使用一些可变内容分配动态 div id

javascript - 滚动到文档顶部,jQuery 无法正常工作