md-list中的水平滚动

时间:2017-02-01 05:47:57

标签: css angularjs angular-material

我有一个md-list,其中列表中的每个项目可以是任何水平长度: enter image description here 可以看出,长项目正在从右侧切割。 我正在使用以下代码:

<md-list-item ng-repeat="element in standard_xsd_elements track by $index" ng-click="null">
                        <p style="white-space: pre;"> {{element}} </p>
</md-list-item>

是否有一种方法可以为每个长项目(而不是那些被删除的项目)显示滚动条?

1 个答案:

答案 0 :(得分:0)

试试这个:

<p style="white-space: pre; overflow-x: scroll;"> {{element}} </p>