HTML input垂直居中与空格记录

作者：LoveEmperor-王子様

input垂直居中：父级元素添加 display: flex;

1.
html
<div class="card-subitem titem" >
<span class="subitem-txt" >开票内容&ensp;</span>
<input class="subitem-input" type="text" disabled="disabled" style="color: #000000" value="停车费"/>
</div>

css
.card-subitem{width: 17rem;height: 2.3rem;line-height: 2.3rem;
display: flex;}
.subitem-input{
width: 9rem;
float: left;
margin-left: 1rem;
font-size: 0.8rem;
border:0;
background-color: transparent;
}

空格：
主流:&nbsp;
受字体影响明显而强烈:&ensp;
主流1/2个中文宽度:&emsp;