问题描述
我想使用Vuetify扩展面板并将<div slote="head"></div>内的部分内容向右对齐，以实现以下目的：
但是我得到了这个：
我试过了
float:right , text-align:right
甚至没有成功的负利润。
1楼
重要提示：您的扩展面板似乎没有达到全宽
这是您要寻找的：
<div slot="header">
<v-layout row>
<v-flex xs8>
Item
</v-flex>
<v-flex xs4 text-xs-right>
Item
</v-flex>
</v-layout>
</div>
工作示例： ：
2楼
这行CSS覆盖了我自己的CSS。
.v-expansion-panel__header > .v-expansion-panel__header__icon {
flex: 1 1 auto !important;
}
删除它可以解决问题。