Welcome to OStack Knowledge Sharing Community for programmer and developer-Open, Learning and Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
846 views
in Technique[技术] by (71.8m points)

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

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 :)


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Answer

0 votes
by (71.8m points)
等待大神答复

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome to OStack Knowledge Sharing Community for programmer and developer-Open, Learning and Share
Click Here to Ask a Question

...