span和el-input水平对齐

使用span和el-input原始样式发现不能水平对齐，调试中发现是el-input样式如下，

.el-input {

    position: relative;

    font-size: 14px;

    display: inline-block;

    width: 100%;

}

宽度默认是100%，问题就出在width上，如果去掉该宽度或修改合适的宽度且保持display: inline-block;，便可以实现和span水平对齐。

代码 修改后input样式 效果