[Vuejs]-Vuetify v-card overflows on IE11

by

0👍

Try to add div tag in the v-card content, then you could add <br> tag to add new line, or add CSS style (such as the word-wrap: break-word property) on the div tag to prevent content overflow.

sample code like this:

<div id="app">
      <v-app id="inspire">
        <v-card class="mx-auto" max-width="344" >
          <v-card-text>
            <div>Word of the Day</div>
            <p class="display-1 text--primary">
              be•nev•o•lent
            </p>
            <p>adjective</p>
           <div class="text--primary">
              well meaning and kindly.<br>
              "a benevolent smile"
            </div>
          </v-card-text>
          <v-card-actions>
            <v-btn text color="deep-purple accent-4" >  Learn More </v-btn>
          </v-card-actions>
        </v-card>
      </v-app>
    </div>

Leave a comment