Vuetify v-col v-row

Aiden·2021년 8월 2일
0
post-custom-banner
 <v-container>
      <v-row>
        <v-col cols="12" << 12개의 컬럼이 있다고 가정했을떄 12개를 모두 차지
        v-for:"count in 12"
        :key="12"  반복 
        align-self="center"
        >
          <v-card class="pa-3">hello</v-card>
        </v-col>
      </v-row>
    </v-container>

cols="auto" 자기 크기만큼만 차지. v-col속성
align-self = 수직정렬




<v-container>
      <v-row justify="end"> 
        <v-col cols="12">
          <v-card class="pa-3">hello</v-card>
        </v-col>
      </v-row>
    </v-container>

justify = 수평정렬 v-row 속성

post-custom-banner

0개의 댓글