.el-button + .el-button的使用介绍

最新推荐文章于 2025-04-02 17:23:52 发布

想被带飞的鱼

最新推荐文章于 2025-04-02 17:23:52 发布

阅读量2.2k

点赞数 2

分类专栏：项目中遇到的问题文章标签： javascript vue.js 前端 elementui

本文链接：https://blog.youkuaiyun.com/m0_62008199/article/details/127265818

版权

项目中遇到的问题专栏收录该内容

8 篇文章

订阅专栏

本文介绍 Element UI 中按钮组件的自定义样式方法，通过 CSS 实现按钮间的紧密排列和统一外观。针对 .el-button+.el-button 的选择器进行样式调整，包括内边距、高度、行高和边框等。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

.el-button + .el-button

概念

element-ui里面的按钮的永远的下一个按钮

实现样式

在这里插入图片描述

实例

.el-table td.el-table__cell div .el-button {
  padding: 0 10px;
  height: 12px;
  line-height: 10px;
  border-radius: 0;
  &:nth-of-type(1){
    padding-left: 0;
  }
}
.el-table td.el-table__cell div .el-button + .el-button {
  margin-left: 0;
  height: 12px;
  line-height: 10px;
  border-left: 1px solid #E4E7EC;
}