javascript - Angular Material 显示内容被裁剪

我目前正在开发一个有角度的JS / Web应用程序。并且当前遇到问题，其中某些内容被裁剪到md-content元素中。

例如，我有一个样式为body的标签：overflow：隐藏，而子对象md-content标签为overflow：auto。尽管出现滚动条，但我无法滚动到页面末尾

<md-content style='margin-left: 30px;margin-top: 10px' class="_md" layout="column">

     <h3> AAAAAABECEDARIO </h3>
     <h3> AAAAAABECEDARIO </h3>
     <h3> AAAAAABECEDARIO </h3>
     <h3> AAAAAABECEDARIO </h3>
     <h3> AAAAAABECEDARIO </h3>
     <h3> AAAAAABECEDARIO </h3>
     <h3> AAAAAABECEDARIO </h3>
     <h3> AAAAAABECEDARIO </h3>
     <h3> AAAAAABECEDARIO </h3>
     <h3> AAAAAABECEDARIO </h3>
     <h3> AAAAAABECEDARIO </h3>
     <h3> AAAAAABECEDARIO </h3>
     <h3> AAAAAABECEDARIO </h3>
     <h3> AAAAAABECEDARIO </h3>
     <h3> AAAAAABECEDARIO </h3>
     <h3> AAAAAABECEDARIO </h3>
     <h3> AAAAAABECEDARIO </h3>
     <h3> AAAAAABECEDARIO </h3>
     <h3> AAAAAABECEDARIO </h3>
     <h3> AAAAAABECEDARIO </h3>
     <h3> AAAAAABECEDARIO </h3>
     <h3> AAAAAABECEDARIO </h3>
     <h3> AAAAAABECEDARIO </h3>
     <h3> AAAAAABECEDARIO </h3>
     <h3> AAAAAABECEDARIO </h3>
     <h3> AAAAAABECEDARIO </h3>
     <h3> AAAAAABECEDARIO </h3>
     <h3> AAAAAABECEDARIOSSSSS </h3>
</md-content>

如下所示，内容被裁剪，并且并非所有内容都被显示。

javascript - Angular Material 显示内容被裁剪-LMLPHP

请检查最后的标签信息：

<h3> AAAAAABECEDARIOSSSSS </h3>

没有显示

最佳答案

您应该尝试这样的事情：

<div flex layout="row">
<md-content flex>

   <!-- Put all your titles or whatever here -->

</md-content>
</div>

当然，您可以在md-content中使用style和class属性，只需在其中添加flex属性并将其放在div中

关于javascript - Angular Material 显示内容被裁剪，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/38482629/