我有一个<v-layout>包含两个<v-flex>元素：
<v-layout row wrap align-center>
<v-flex>
<v-text-field
value="search"
style="float:left">
</v-text-field>
</v-flex>
<v-flex>
<v-btn><v-icon>search</v-icon></v-btn>
</v-flex>
</v-layout>
现在，元素像这样向左对齐。我希望它们可以居中对齐（如上面图片中的主图像和两个灰色按钮所示）。如何实现呢？
您可以将两个元素包装在另一个元素中，v-layout > v-flex并使用offset-指令添加左右填充（在@kiarashws示例的顶部构建）：
<v-layout>
<v-flex xs12 sm8 offset-sm2>
<v-layout>
<v-flex xs11>
<v-text-field
value="search"
style="float:left">
</v-text-field>
</v-flex>
<v-flex xs1>
<v-btn color="primary"><v-icon>search</v-icon></v-btn>
</v-flex>
</v-layout>
</v-flex>
</v-layout>
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句