vue element 按钮组件的宽高设置

vue element 按钮组件的宽高设置

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

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

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

.add_btn {

min-width: 56px;

min-height: 28px;

}

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

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

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

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

样式如下

html:

type="primary"

icon="el-icon-edit"

class="edit_btn"

style="max-height: 22px"

@click="editItem(item.id)"

>

type="danger"

icon="el-icon-delete"

class="delete_btn"

style="max-height: 22px"

@click="deleteItem"

>

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是多少。

应该是这么理解的吧

嘿嘿

相关推荐

兰花烂根叶子枯萎怎么救?
365bet网站地址

兰花烂根叶子枯萎怎么救?

📅 07-23 ❤️ 79
求助!节拍器上标的多少多少BPM是指一拍拨弦几下????
穿越火线越狱玩法?(cf越狱玩法规则)
365bet游戏官方开户

穿越火线越狱玩法?(cf越狱玩法规则)

📅 08-26 ❤️ 253