センターアイテムをv-flexに変更する

Question

<v-btn>を<v-flex>にセンタリングしようとしています。 <v-flex>はフレキシボックスのdiv要素ですので、私は私の方向が水平であるので

justify-content: center 

に変換されjustify-centerを使用し、私のボタンは中央に整列する必要がありますが、そうではありません。ここに私の問題を再現するcodepenがあります。

https://codepen.io/anon/pen/ZXLzex

私はDIV（V-フレックス）の内側中央に配置するボタンをサインアップします。

<v-card> 
    <v-card-text > 
      <v-text-field label="Email"></v-text-field> 
      <v-text-field label="Password"></v-text-field> 
    </v-card-text> 

    <v-card-actions> 
     <v-layout row> 
      <v-flex justify-center> 
      <v-btn primary> 
       Signup 
      </v-btn> 
      </v-flex> 
     </v-layout> 
    </v-card-actions> 
    </v-card> 

Answer 1

ラップボタン<div class="text-xs-center">

<div class="text-xs-center"> 
    <v-btn primary> 
    Signup 
    </v-btn> 
</div> 

内部のDevは彼の例では、それを使用しています。ここでは

は完全なコードです。

Answer 2

v-flexディスプレイがフレックスしていません！ ブラウザでv-flexを調べると、単純なブロックdivであることがわかります。

したがって、HTMLまたはCSSでそれをdisplay: flexで上書きして、justify-contentで動作させる必要があります。

Answer 3

<v-layout justify-center> 
    <v-card-actions> 
    <v-btn primary> 
    <span>SignUp</span> 
    </v-btn>`enter code here` 
    </v-card-actions> 
</v-layout>