Как выровнять содержимое левого и правого столбцов друг с другом по оси Y? - PullRequest
Новая
       7

Как выровнять содержимое левого и правого столбцов друг с другом по оси Y?

0 голосов
/ 19 января 2020

Я хочу выровнять два столбца, которые находятся рядом.

В одном столбце есть текст, и я могу выровнять текст в позиции align="start", которая перемещает текст в верхний левый угол столбца.

Во втором столбце есть <v-img></v-img> со свг. Я также хочу, чтобы содержимое столбца находилось в позиции align="start", но содержимое, кажется, находится в позиции align="center".

. Это приводит к тому, что текст в левом столбце располагается выше ось Y, чем SVG в правом столбце.

Вот что я попробовал: 

<v-col xs="12" sm="12" md="12" lg="12" xl="12" class="pl-0">
 <v-row align="start">
  <v-col>
   <p class="text-left">
    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
   </p>
  </v-col>
  <v-col>
   <v-img
    class="one-click-image"
    :src="require('../assets/profile.svg')"
    contain
    height="200"
    width="500"
   ></v-img>
  </v-col>
 </v-row>
</v-col>

Как я могу привести содержимое левого и правого столбца в линию друг с другом на ось у?

Большое спасибо заранее.

1 Ответ

1 голос
/ 19 января 2020

Вы можете передать значение как это в v-col: 

<v-col
   align-self="start"
>
...