vuetify.js - Vuetify: Center a v-row whose container is not direct child of v-app

Question

I have in my application the following standard structure:

<div id="app">
 <v-app>
   <v-app-bar app/>

   <v-navigation-drawer app />

   <v-main>
    <v-container fill-height>
     <v-row align="center">
      <v-col>
      </v-col>
     </v-row>
    </v-container>
   </v-main>
 </v-app>
</div>

Because v-row is not a direct child of v-app, I cannot center v-row in the page by seemingly any means available. Could anyone tell me if the problem is my missing something vuetify provides, or my markup structure is wrong, or is this simply impossible in vuetify?

Note: I have already read this post and it does NOT solve the problem, because it requires v-app as the direct parent

Thanks very much :)

Answer 1

等待大神答复