首页 > 其他 > 详细

调整element-ui中多个button处于同一行

时间:2019-11-18 21:10:25      阅读:1362      评论:0      收藏:0      [点我收藏+]

参考:

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;
}

 

 

 

 

调整element-ui中多个button处于同一行

原文:https://www.cnblogs.com/flypig666/p/11884881.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!