elementUI图标按钮调整宽高后图标如何居中?
<el-button class="outLogin" icon="el-icon-switch-button" circle type="info" @click="outLogin"></el-button>
.outLogin{width: 36px;
height:36px;
float: right;
margin-top: 15px;
margin-left: 10px
}
调整了按钮的大小,图标位置变了,如何设置到圆心
回答
增加样式
.outLogin { align: center;
line-height: 36px;
}
.outLogin{ width: 36px;
height:36px;
float: right;
margin-top: 15px;
margin-left: 10px;
display: flex;
align-items: center;
justify-content: center;
}
.outLogin i { position: relative;
left: -1px;
top: -2px;
}
简单粗暴有效的方式,位置还不满意就1个点1个点的调。
以上是 elementUI图标按钮调整宽高后图标如何居中? 的全部内容, 来源链接: utcz.com/a/21610.html