Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/33.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html Vuetify偏移不创建任何偏移_Html_Css_Vue.js_Flexbox_Vuetify.js - Fatal编程技术网

Html Vuetify偏移不创建任何偏移

Html Vuetify偏移不创建任何偏移,html,css,vue.js,flexbox,vuetify.js,Html,Css,Vue.js,Flexbox,Vuetify.js,根据vuetify文档,我有一块具有推荐布局的代码,我一辈子都不明白为什么我所做的不会对偏移量做出响应。下面是带有屏幕截图的代码: <v-layout v-show="expanded" v-for="(row, index) of queryCopy.query_parts" :key="index" align-baseline justify-start row fill-height wrap> <v-flex offset-xs7 sm1 m

根据vuetify文档,我有一块具有推荐布局的代码,我一辈子都不明白为什么我所做的
不会对
偏移量做出响应。下面是带有屏幕截图的代码:

 <v-layout v-show="expanded"  v-for="(row, index) of queryCopy.query_parts" :key="index" align-baseline justify-start row fill-height wrap>
          <v-flex  offset-xs7 sm1 mx-3>
            <v-select
              class="whtsp-nowrap"
              label="Condition"
              v-model="row.condition"
              :items="options.condition"
              item-text="display"
              item-value="value"
              @input="isRowComplete"
            ></v-select>
          </v-flex>
          <v-flex sm1 mx-3>
            <v-select
              label="Field"
              :items="options.fields"
              item-text="display"
              item-value="value"
              v-model="row.field"
              @input="isRowComplete"
            ></v-select>
          </v-flex>
          <v-flex sm1 mx-3>
            <v-select
              label="Operation"
              v-model="row.operator"
              :items="options.operator"
              item-text="display"
              item-value="value"
              @input="isRowComplete"
            ></v-select>
          </v-flex>
          <v-flex sm2 mx-3>
            <v-text-field
              label="Search Value"
              v-model.lazy="row.value"
              @input="isRowComplete"
            ></v-text-field>
          </v-flex>
          <v-flex shrink>
            <v-btn @click="removeQueryRow(index)" class="mr-0"small icon>
              <v-icon color="grayDE">clear</v-icon>
            </v-btn>
          </v-flex>
          <v-flex>
            <v-btn  @click="addQueryRow" class="ma-0" small icon>
              <v-icon color="primary">add</v-icon>
            </v-btn>
          </v-flex>
        </v-layout>

清楚的
添加
我的问题是关于第一个flex-box的
offset-xs7
屏幕是
sm
,因此应该应用它(我也尝试过更改它,但没有效果)。
“条件”下拉列表应设置为“偏移量”,位于“查询条件”下。

mx-3将覆盖偏移量,因此不能同时使用它们。

是否签出元素的css样式?是否应用了类偏移量-xs1?也许该样式将被其他样式覆盖?offset-xs7应该添加类似“左边距:XX.XX%”的内容谢谢,这确实有效,尽管现在我有另一个问题,offset-sm1对于对齐来说太多,pl/ml-5太少……有什么想法吗?