調整element-ui中多個button處於同一行


參考:

https://element.eleme.cn/#/zh-CN/component/dropdown

    <el-row>
      <el-button-group style="margin-bottom:20px">
        <el-button size="small" type="primary" icon="el-icon-plus"></el-button>
        <el-button size="small" type="primary" icon="el-icon-edit"></el-button>
        <el-button size="small" type="primary" icon="el-icon-delete"></el-button>
      </el-button-group>
      <el-dropdown trigger="click">
        <el-button size="small" icon="el-icon-s-grid">
          <i class="el-icon-arrow-down el-icon--right"></i>
        </el-button>
        <el-dropdown-menu slot="dropdown">
          <el-dropdown-item>黃金糕</el-dropdown-item>
          <el-dropdown-item>獅子頭</el-dropdown-item>
          <el-dropdown-item>螺螄粉</el-dropdown-item>
          <el-dropdown-item>雙皮奶</el-dropdown-item>
          <el-dropdown-item>蚵仔煎</el-dropdown-item>
        </el-dropdown-menu>
      </el-dropdown>
    </el-row>

css:

.el-dropdown {
  vertical-align: top;
}

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM