span和el-input水平对齐
2018-07-15 本文已影响0人
夜行侠和你
使用span和el-input原始样式发现不能水平对齐，调试中发现是el-input样式如下，
.el-input {
position: relative;
font-size: 14px;
display: inline-block;
width: 100%;
}
宽度默认是100%，问题就出在width上，如果去掉该宽度或修改合适的宽度且保持display: inline-block;，便可以实现和span水平对齐。
代码
修改后input样式
效果
