將元素添加到水平佈局而不適合容器

Question

我試圖將X元素添加到水平佈局。 我的目標是在元素超過視口寬度時立即顯示水平滾動條。

我下面的文檔：

• https://www.polymer-project.org/docs/polymer/layout-attrs.html
• https://material.angularjs.org/#/layout/grid

但元素被縮減，以適應視口，雖然我沒有使用fullbleed參數。我看過這個question relative to .css。

我也嘗試添加特定的width，但沒有成功。

Plunker to reproduce it。

Thx！

Answer 1

這裏是一個辦法做到這一點

<div id="container" style="white-space: nowrap; overflow: auto;"> 
    <div ng-repeat="item in divElements" style="border:solid 1px red; display: inline-block;"> 

Answer 2

你可以只添加一個最小寬度：100像素，或任意數量的，所以它不會收縮他們適應。 http://plnkr.co/edit/551uhyalZaF94AP8Mh1O?p=preview

<div ng-repeat="item in divElements" style="border:solid 1px red; min-width: 100px;"> 
    Created at: {{item.createdAt}}<br> 
    <big-div></big-div> 
</div>