角度材料 - 设定固定宽度?

时间:2016-10-22 17:41:25

标签: css angularjs flexbox material-design

我一直在关注Angular Material文档here,但我在使用此部分时遇到了问题:

  

挠曲="无"不会增长或缩小。根据宽度和尺寸确定尺寸   身高值。

如何设置宽度和高度值?我尝试过CSS,但由于" flex"被启用。

很抱歉,如果这是一个愚蠢的问题 - 文档只是没有说明如何做到这一点?

1 个答案:

答案 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布局文档的参考。