폴리머 레이아웃과 flex 속성

나는 레이아웃 폴리머에서 작동하는 방법을 이해하려고 노력하고있어 나는 다음과 같은 일이, 어떻게하는지 효과 레이아웃을 "플렉스"속성 (<div class="tile" flex vertical layout>) 위의 3 라인에서 나에게폴리머 레이아웃과 flex 속성

<div class="category-item leaderboard" vertical layout> 
    <div class="tile theme-bg-a" dummy fit></div> 
    <div class="tile" flex vertical layout> 
     <div flex relative> 
     <!-- sizing wrapper --> 
     <div fit layout vertical center center-justified> 
      <div class="category-bg-wrapper" relative> 
      <core-icon icon="category-icons:leaderboard" class="category-tile-bg" fit></core-icon> 
      </div> 
     </div> 
     </div> 
     <div class="cat-name" horizontal center layout> 
     <div flex>Leaderboard</div> 
     <core-icon class="category-icon" icon="arrow-forward"></core-icon> 
     </div> 
    </div> 
    </div>

의아해 왜 필요한가? 문서에서 (https://www.polymer-project.org/docs/polymer/layout-attrs.html은)는 말한다 :

컨테이너 레이아웃 속성을 포함

, 그것은 플렉스 컨테이너가 될 수 있습니다. 당신은 수직, 수평 방향의 행 번호 4 또한

을 변경 지정할 수 있습니다 (<div flex relative>) 다시 상대와 플렉스 속성을 사용하는 이유는 무엇인지?

출처

2014-11-29 markovuksanovic

유의 사항 : Polymer 1.0 레이아웃은 속성 대신 클래스입니다. –

필자가 알고있는 한 flex 속성은 요소를 사용 가능한 공간의 크기로 확장시킵니다.

출처

2014-11-29 22:42:11

맞지 않는가? – markovuksanovic

좋은 질문입니다 (https://www.polymer-project.org/docs/polymer/layout-attrs.html#flexible-children 참조). 'fit'은 절대 위치 지정을 사용합니다.'flex'는 flexbox를 사용합니다. 장점/단점이 무엇인지 모르겠습니다. –

폴리머 레이아웃과 flex 속성

답변

관련 문제