Css 在md列表中水平滚动

我有一个md列表，列表中的每个项目可以是任意水平长度： 如图所示，长项目从右侧开始切割。 我正在使用以下代码：

<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>

{{element}

是否有一种方法可以为每个长项目显示滚动条（而不是那些被切断的项目）？

尝试以下方法：

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

{{element}

试试这个：

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

{{element}

列表元素是否需要可单击？是的，这就是我使用md list的原因列表元素是否需要可单击？是的，这就是我使用md list的原因