如何在vuetify中填充内容的宽度

2 回答

• 6

  我只需要在移动设备上动态删除填充，这对我有用：

  <v-container :class="{'px-0': $vuetify.breakpoint.xsOnly }">
     <router-view> </router-view>
  </v-container>
  

  到目前为止，我找不到很多文档，但是看了code我发现了这些：

  // Breakpoint ranges. 
  xsOnly,
  smOnly, 
  smAndDown,
  smAndUp,
  mdOnly,
  mdAndDown,
  mdAndUp,
  lgOnly,
  lgAndDown,
  lgAndUp,
  xlOnly,
  

  回复于 2024-04-24T03:47:09+08:00
• 1

  v-container使用类容器创建一个div . 这个类给出了你所有方面的div填充 . （数量根据viewport breakpoint而变化; xs为2px，xl为24px） . 如果你在css中包含以下内容，你的侧垫应该消失 .

  .container {
     padding: 0!important
  }
  

  回复于 2024-04-24T03:47:09+08:00