class text-wrap 不起作用时如何将文本换行到 Vuetify 中的下一行？

Question

我有一些卡片可以切断单词，将它们移到一个新行：

我尝试使用 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>

Answer 1

感谢@Chin.Udara 解决办法是： <v-card-title style="word-break: break-word"...