我在一些列中有一个具有相对较长值的表,并在Grails应用程序中为它启用了动态脚手架(我使用的是Grails3.3.8)。因此,在某些屏幕分辨率上,它们不适合屏幕,最右边的列最终出现在屏幕之外——事实上,水平滚动条当时不出现,因此用户甚至不知道它们在那里。把它们放回去的唯一方法是缩小-你不能用滚动条(因为它不在那里)或鼠标滚轮滚动;箭头也不起作用。
如何修复这个问题,使水平滚动条像“常规”网页一样出现在内容超过屏幕大小的网页上?
好吧,明白了!所以诀窍是编辑 assets/stylesheets/main.css 应用文件夹中的文件,特别是此位:
assets/stylesheets/main.css
body { background-color: #F5F5F5; color: #333333; overflow-x: hidden; /* <<<< */ -moz-box-shadow: 0 0 0.3em #424649; -webkit-box-shadow: 0 0 0.3em #424649; box-shadow: 0 0 0.3em #424649; }
我们编辑 overflow-x 从 hidden 到 auto 瞧!:)
overflow-x
hidden
auto