Skip to content

V-card

v-card 안에서 중앙정렬 방법

정렬된, Container 안의, Card 안에 Title 중앙 정렬 방법: 

<template>
  <v-main class="no-select">
    <v-container fluid class="fill-height">
      <v-row align="center" justify="center">
        <v-col cols="10" sm="8" md="6" lg="4" xl="2">
          <v-card>
            <v-card-title>
              <v-container>
                <v-row align="center" justify="center">
                  <title-logo
                      class="align-self-center mx-auto my-6"
                      :is-text-mode="false"
                      :is-uppercase="false"
                      :text="'answer'"
                  ></title-logo>
                </v-row>
              </v-container>
            </v-card-title>
          </v-card>
        </v-col>
      </v-row>
    </v-container>
  </v-main>
</template>

mx-auto 클래스를 v-img 안에 적용하면 된다.

투명 배경 

<v-card outlined color="transparent">
   ...
</v-card>

See also