왜 정렬 끝은 vuetify에서 작동하지 않는가

Question

나는 vuetify 레이아웃을 사용하고, 오른쪽에 버튼을 만들고 싶지만, vuetify 속성이 작동하지 않으면 offset-xs9 버튼을 오른쪽 버튼으로 사용하지만 버튼 v-flex의 중심에 있고, 어떻게 끝내나요? 도움 덕분에

코드와 같은 :

<div id="app"> 
    <v-app id="inspire"> 

    <v-layout row wrap align-end> 
     <v-flex xs3 offset-xs9 align-end> 
     <div> 
      <v-btn primary dark>Normal</v-btn> 
     </div> 
     </v-flex> 
    </v-layout> 

    </v-app> 
</div> 

및 online codepen

Answer 1

Vuetify의 그리드 flexbox를 사용합니다. 당신이 v-flex 대신 v-layout를 사용할 수 있습니다 있도록

• align-*
  는
• 당신은 플렉스 컨테이너 작업 수평
• align-* 및 justify-*을 번역하는 아이를 위해 justify-*를 사용하려면 수직 축에서 작동 두 속성을 모두 사용하십시오. v-layout

여기에 fixed pen이 있습니다.