角度材料显示内容被剪裁

Question

我目前正在开发一个角度JS / Web应用程序。目前，在 md-content 元素中剪辑了部分内容时遇到了问题。

例如，我有一个 body 标记，其样式为：溢出：隐藏以及 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>

如下所示，内容被裁剪，而不是所有内容都被显示。

请检查最后的标签信息：

<h3> AAAAAABECEDARIOSSSSS </h3>

未显示

Answer 1

你应该尝试这样的事情：

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

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

</md-content>
</div>

当然你的样式和类属性在md-content中，只需在其中添加flex属性并将其放在div中