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

Question

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

我的问题是，表格溢出了卡片，我不知道如何让卡片适合内容而不是适合其父元素。 md-content 元素按预期可滚动。只有卡框没有正常显示。

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

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

Answer 1

我找到了解决问题的方法。问题真的不是 Angular Material 问题。这只是一个简单的 CSS 问题。

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

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