Выровняйте две колонки по центру в Vuetify - PullRequest
Новая
       18

Выровняйте две колонки по центру в Vuetify

0 голосов
/ 08 апреля 2020

почему мой код не может быть в центре, даже если я пытался изменить его, чтобы выровнять по центру и выровнять центр? 

 <main class="align-center">
  <v-row class="no-gutters" style="border: 3px solid green">
    <v-col>
      <v-row class="no-gutters">
        <v-col cols="3">
          <v-card color="#fdf6f1" raised>
            <v-list shaped>
              .....
            </v-list>
          </v-card>
        </v-col>
        <v-col cols="5">
          <v-card color="#fdf6f1" raised>
           .....
          </v-card>
        </v-col>
      </v-row>
    </v-col>
  </v-row>
</main>

Это то, что мой код делает с двумя моими столбцами

sc

1 Ответ

0 голосов
/ 08 апреля 2020

Используйте mx-auto на внешней поверхности v-col ... 

<main class="align-center">
  <v-row class="no-gutters" style="border: 3px solid green">
    <v-col class="mx-auto">
      <v-row class="no-gutters">
        <v-col cols="3">
          <v-card color="#fdf6f1" raised>
            <v-list shaped>
              .....
            </v-list>
          </v-card>
        </v-col>
        <v-col cols="5">
          <v-card color="#fdf6f1" raised>
           .....
          </v-card>
        </v-col>
      </v-row>
    </v-col>
  </v-row>
</main>
...