2016-10-22 118 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參考角材料佈局的文檔。