我一直在关注Angular Material文档here,但我在使用此部分时遇到了问题:
挠曲="无"不会增长或缩小。根据宽度和尺寸确定尺寸 身高值。
如何设置宽度和高度值?我尝试过CSS,但由于" flex"被启用。
很抱歉,如果这是一个愚蠢的问题 - 文档只是没有说明如何做到这一点?
答案 0 :(得分:1)
Angular Material的布局功能为开发人员提供了糖 更轻松地在CSS3之上创建现代,响应式布局 Flexbox的。
如果您想要以像素为单位修复宽度和高度,可以使用标记,例如md-content
,不要使用flex
属性,并以通常的方式为其提供CSS:
<强> HTML 强>
<md-content>Some content</md-content>
<强> CSS 强>
md-content {
background-color: teal;
height: 100px;
width: 100px;
}
Flex 让事情更简单。您可以使用flex属性轻松设置高度和宽度。例如,此代码会将div
宽度设置为50%
<div layout="row">
<div style="background-color:teal; height: 50px;" flex="50">
</div>
</div>
查看this对Angular-material布局文档的参考。