亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

將元素與 vuetify3 區(qū)塊按鈕中的兩側(cè)對(duì)齊:指南
P粉680000555
P粉680000555 2023-08-30 09:59:30
0
1
599
<p>假設(shè)我有以下按鈕:</p> <pre class="brush:php;toolbar:false;"><v-btn block size="x-large"> <v-btn icon size="small" variant="contained"> <v-icon>mdi-information</v-icon> </v-btn> Button Text <v-icon>mdi-check</v-icon> </v-btn></pre> <p>左側(cè)和右側(cè)的圖示與文字夾在一起。如何將它們分別放置在按鈕的右側(cè)和左側(cè)邊緣?我嘗試過(guò)使用 <code>v-spacer</code>s,但它不起作用。我還嘗試在按鈕中使用 <code>v-row</code> ,但無(wú)濟(jì)於事,因?yàn)閷0缸兊酶硬粚?duì)齊。 </p>
P粉680000555
P粉680000555

全部回覆(1)
P粉573809727

您可以使用 justify 屬性水平對(duì)齊項(xiàng)目。

現(xiàn)場(chǎng)示範(fàn)

#
new Vue({
  el: '#app',
  vuetify: new Vuetify()  
})
<script src="https://unpkg.com/vue@2.x/dist/vue.js"></script>
<script src="https://unpkg.com/vuetify@2.6.10/dist/vuetify.min.js"></script>
<link rel="stylesheet" />
<link rel="stylesheet" />
<link rel="stylesheet" />
<div id="app">
  <v-app id="inspire">
    <v-btn block size="x-large">
      <v-row justify="space-between">
        <v-col md="4">
          <v-btn icon size="small" variant="contained">
            <v-icon>mdi-information</v-icon>
          </v-btn>
        </v-col>
        <v-col>Button Text</v-col>
        <v-col md="4">
          <v-btn icon size="small" variant="contained">
            <v-icon>mdi-check</v-icon>
          </v-btn>
        </v-col>
      </v-row>
    </v-btn>
  </v-app>
</div>
最新下載
更多>
網(wǎng)站特效
網(wǎng)站源碼
網(wǎng)站素材
前端模板