Css 样式对组件内容的影响

这是一个基本的CSS问题，但我需要确认一些事情。假设我有以下几点：

 <v-app id="inspire">

<v-container justify-center style="max-width: 1200px">
          <v-layout row justify-space-around>

    <v-flex justify-center >
      <v-expansion-panel style="max-width: 1200px">
        <v-expansion-panel-content v-for="(item,i) in items" :key="i">
          <div slot="header">{{item.header}}</div>
          <v-card>
            <v-card-text>{{item.text}}</v-card-text>
          </v-card>
        </v-expansion-panel-content>
      </v-expansion-panel>
    </v-flex>
  </v-layout>
</v-container>

{{item.header}
{{item.text}

关于：

<v-container justify-center style="max-width: 1200px">

---

我假设属性（justify center and style=“max width:1200px”）适用于v容器的上下文，但不适用于v容器本身。这是否正确？

居中对齐它应用于v形容器内的内容，而最大宽度应用于v形容器本身

谢谢。我对css Framework或css了解不多。您如何知道这一点？在使用Vuetify类时，您缺少CSS属性，在本例中该属性为“justify content=center”；它定义了浏览器如何沿flex容器的主轴和网格容器的内联轴在内容项之间和周围分配空间。您可以阅读更多关于另一方面，“最大宽度”设置元素的最大宽度。你可以阅读更多，希望这对你有帮助！谢谢，非常感谢！