【问题标题】:How to text wrap to next line in Vuetify when class text-wrap not working?当类文本换行不起作用时,如何在 Vuetify 中将文本换行到下一行?
【发布时间】:2021-06-08 14:35:38
【问题描述】:

我有一些卡片可以截断单词,将它们移到新的一行:

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

【问题讨论】:

  • 尝试将word-break: break-word; 的内联样式添加到v-card-title
  • CSS 中的样式!?我说的是&lt;v-card-title style="word-break: break-word;" ...

标签: javascript vue.js class vuetify.js word-wrap


【解决方案1】:

感谢@Chin.Udara 解决方案是: &lt;v-card-title style="word-break: break-word"...

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-09-10
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-05-19
    相关资源
    最近更新 更多