플렉스 레이아웃을 사용하여 앵귤러 2 머티리얼에서 반응 형 레이아웃을 개발하십시오.

Question

플렉스 레이아웃을 사용하여 앵귤러 2 머티리얼에서 반응 형 레이아웃을 개발하는 방법. 각도 재질의 경우 데스크톱에서 반응 형 레이아웃을 위해 아래 코드를 사용합니다. & 모바일보기. 예.

<div layout="row" layout-xs="column" layout-wrap="" layout-align="center center"> 
    <div flex="33" flex-xs="100"> 
    </div> 
    <div flex="33" flex-xs="100"> 
    </div> 
    <div flex="33" flex-xs="100"> 
    </div> 
</div> 

Answer 1

현재이 기능을 사용하고 있습니다. 정말 편안합니다.

를 설치하려면 : Click

더 많은 정보는 여기에 있습니다 : Click

을 예제와 함께 CSS에서 사용하려면 : Click

온라인 예 : Click

당신은 단지 필요 플렉스 컨테이너 및 플렉스 아이템 클래스를 사용하는 곳을 결정하십시오. 그리고 fxLayout 및 fxLayoutAlign 지시문을 true로 설정해야합니다. 나머지 작업을 처리합니다.

@angular와 함께 사용합니다. 2.4.3