I have cards that cut off words, moving them to a new line:
I tried to use class="text-wrap"
, but it doesn’t work:
JavaScript
x
14
14
1
<div>
2
<v-card max-width="1000" elevation="6">
3
<div class="mb-8 text-wrap">
4
<v-sheet dark color="grey darken-2" class="text-wrap">
5
<v-card-title
6
color="grey darken-2 white--text"
7
class="d-block font-weight-regular text-wrap">
8
{{ label }}
9
</v-card-title>
10
</v-sheet>
11
</div>
12
</v-card>
13
</div>
14
Advertisement
Answer
Thanks to @Chin.Udara solution is:
<v-card-title style="word-break: break-word"...