css - 样式对组件内容的影响

Question

这是一个基本的 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>

关于:

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

我假设属性(justify-center 和 style="max-width: 1200px")适用于 v-container 的上下文，但不适用于 v-container 本身。这是正确的吗？

Answer 1

justify-center 它应用于 v-container 内的内容，而 ma​​x-width 应用于 v-container 本身