如何在md-content中制作带有宽表滚动的md卡

时间:2016-08-28 22:16:28

标签: css angularjs angular-material

我在md-card元素中有一个宽表。屏幕太窄而无法显示整个表格,但用例需要立即显示整个表格。所以我决定将我的卡放入一个实现所需溢出行为的md-content元素。

我的问题是,桌子溢出了卡片而且我不知道如何使卡片适合内容而不是适合其父元素。 md-content元素可按预期滚动。只有卡片框没有正确显示。

我制作了一个CodePen来展示我的问题:http://codepen.io/davemecha/pen/LkwAXd

我很高兴就如何解决此问题并使卡片适用于其内容宽度提出一些建议。

1 个答案:

答案 0 :(得分:1)

我找到了解决问题的方法。问题实际上没有角度材料问题。这只是一个简单的CSS问题。

解决方案是将包装器(在本例中为md-card)设置为display: inline-block;

我为此制作了一个代码:https://codepen.io/davemecha/pen/qNZLYb