2016-10-22 121 views
0

我一直在关注的角度材质文档here但我有本条麻烦:角度材料 - 设定固定宽度?

柔性=“无”不会扩大或缩小。根据其宽度和 高度值进行尺寸调整。

如何设置宽度和高度值?我试过CSS,但由于“flex”被启用而被忽略。

对不起,如果这是一个愚蠢的问题 - 文件只是不说如何做到这一点?

回答

1

角材质的布局功能提供糖,使开发人员 对CSS3 Flexbox的顶部更轻松地创建现代,反应灵敏的布局。

如果你想固定在像素方面的宽度和高度,你可以用你的标签,说md-content没有flex财产,并给它以通常的方式的CSS:

HTML

<md-content>Some content</md-content> 

CSS

md-content { 
    background-color: teal; 
    height: 100px; 
    width: 100px; 
} 

Flex使事情变得更简单。您可以使用柔性属性轻松设置高度和宽度。例如,该代码将在div宽度设定为50%

<div layout="row"> 
    <div style="background-color:teal; height: 50px;" flex="50"> 
    </div> 
</div> 

退房this参考角材料布局的文档。