Блог

Главная - Вопросы по программированию - Как перенести текст в следующую строку в Vuetify, когда перенос текста класса не работает?

Как перенести текст в следующую строку в Vuetify, когда перенос текста класса не работает?

#javascript #vue.js #class #vuetify.js #word-wrap

Вопрос:

У меня есть карточки, которые отсекают слова, перемещая их на новую строку: введите описание изображения здесь

Я пытался использовать class="text-wrap" , но это не работает:

   <div>
    <v-card max-width="1000" elevation="6">
      <div class="mb-8 text-wrap">
        <v-sheet dark color="grey darken-2" class="text-wrap">
          <v-card-title
            color="grey darken-2 white--text"
            class="d-block font-weight-regular text-wrap">
            {{ label }}
          </v-card-title>
        </v-sheet>
      </div>
    </v-card>
  </div>

Комментарии:

1. Попробуйте добавить встроенный стиль в качестве word-break: break-word; v-card-title

2. Стиль как в CSS!? То, что я говорю, это <v-card-title style="word-break: break-word;" ...

Ответ №1:

Благодаря @Chin.Udara решение является: <v-card-title style="word-break: break-word"...

Метки: ,