1.普通的设置按钮的长和宽

只需要给按钮添加一个样式

在样式里面写上，我是看控制台改成这个样子的，这样就能行了

.add_btn {
  min-width: 56px;
  min-height: 28px;
}

 有时候按钮的样式改得也非常奇奇怪怪，非常神奇

2.特殊的，其实也没有特殊，就是按照上面的方法改不出来，多加了点东西 

类似于这两个按钮，他也是element里面的按钮组件，在我调试的时候出现了许多奇奇怪怪的长度和宽度

之后也是让我误打误撞，给设置成功了

样式如下

html：

        <div class="edit_delete">
          <el-button
            type="primary"
            icon="el-icon-edit"
            class="edit_btn"
            style="max-height: 22px"
            @click="editItem(item.id)"
          ></el-button>
          <el-button
            type="danger"
            icon="el-icon-delete"
            class="delete_btn"
            style="max-height: 22px"
            @click="deleteItem"
          ></el-button>
        </div>

 css：

.edit_btn {
  min-height: 22px;
  min-width: 22px;
  background: #e6a23c 80%;
  border: #e6a23c;
}
/* 删除按钮 */
.delete_btn {
  min-height: 22px;
  min-width: 22px;
  margin-left: 15px !important;
  background: #f56c6c 80%;
  border: #f56c6c;
}

总结：

除了要css要加min-height  和  min-width  还要加一个行内样式max-height  ,要不然高度（heigh）就不是22px 就是跟再外层的div的高度一样高

昨天讨论了一下，发现设置了最小高度时候，页面页面成功的改为我们想要的高度，但是再在css里面height：22px就可以实现了。

我们设了min-height ：22px，知识告诉程序，我们要的最小高度是22px，但是没跟程序说，我的height是多少。

应该是这么理解的吧

嘿嘿