html - 包含面板列表的引导面板主体内的水平滚动

Question

我有一个包含单行子面板的面板。我正在使用 AngularJS 动态创建子面板，有时它会导致溢出。我想创建一个侧边滚动条，以便我可以在一行中查看我的所有面板。

我尝试添加 style="white-space: nowrap; height: 100px; overflow-x: scroll; overflow-y: hidden;"在父面板主体上。这会为水平侧边栏创建背景元素，但缺少实际的滚动条。当子元素不是面板列表而是一些其他元素(如 <h1>)时，这通常有效。或按钮。

我为演示创建了 jsfiddle。 http://jsfiddle.net/ADukg/15681/

Answer 1

您需要将 ng-repeat 中重复的 div 的 display 属性更改为 inline-block，让它们并排显示。请参阅随附的 fiddle :

http://jsfiddle.net/xsfdzadm/