/
githubmirror
/
vuetify
Обзор
Документация
Войти
/
githubmirror
/
vuetify
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
packages/docs/src/examples/flex/flex-align-self.vue
57 строк
2 KB
Kael
Merge branch 'master' into next
05 фев 2023, 12:03
05 фев 2023, 12:03
b18bde9
Код
Авторство
О чём код?
<template> <div> <v-sheet class="d-flex mb-6 bg-surface-variant" height="100" > <v-sheet class="ma-2 pa-2">Flex item</v-sheet> <v-sheet class="ma-2 pa-2 align-self-start">align-self-start</v-sheet> <v-sheet class="ma-2 pa-2">Flex item</v-sheet> </v-sheet> <v-sheet class="d-flex mb-6 bg-surface-variant" height="100" > <v-sheet class="ma-2 pa-2">Flex item</v-sheet> <v-sheet class="ma-2 pa-2 align-self-end">align-self-end</v-sheet> <v-sheet class="ma-2 pa-2">Flex item</v-sheet> </v-sheet> <v-sheet class="d-flex mb-6 bg-surface-variant" height="100" > <v-sheet class="ma-2 pa-2">Flex item</v-sheet> <v-sheet class="ma-2 pa-2 align-self-center">align-self-center</v-sheet> <v-sheet class="ma-2 pa-2">Flex item</v-sheet> </v-sheet> <v-sheet class="d-flex mb-6 bg-surface-variant" height="100" > <v-sheet class="ma-2 pa-2">Flex item</v-sheet> <v-sheet class="ma-2 pa-2 align-self-baseline">align-self-baseline</v-sheet> <v-sheet class="ma-2 pa-2">Flex item</v-sheet> </v-sheet> <v-sheet class="d-flex mb-6 bg-surface-variant" height="100" > <v-sheet class="ma-2 pa-2">Flex item</v-sheet> <v-sheet class="ma-2 pa-2 align-self-auto">align-self-auto</v-sheet> <v-sheet class="ma-2 pa-2">Flex item</v-sheet> </v-sheet> <v-sheet class="d-flex mb-6 bg-surface-variant" height="100" > <v-sheet class="ma-2 pa-2">Flex item</v-sheet> <v-sheet class="ma-2 pa-2 align-self-stretch">align-self-stretch</v-sheet> <v-sheet class="ma-2 pa-2">Flex item</v-sheet> </v-sheet> </div> </template>