I'm encountering an issue where words get cut off on my cards and are moved to a new line. Here is an image showing the problem: https://i.sstatic.net/9mWbx.png
I attempted to resolve this issue by using the class="text-wrap"
, but it did not solve the problem:
<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>