样式对组件内容的影响

时间:2019-01-22 16:09:39

标签: css vue.js vuetify.js

这是一个基本的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容器的上下文,而不适用于v容器本身。这是正确的吗?

1 个答案:

答案 0 :(得分:1)

对齐中心,它应用于 v容器内的内容,而最大宽度应用于v容器本身< / p>