input标签输入汉字发生细微偏移问题

1.问题描述

在使用input标签的文本类型（type=text）时，在文本框中输入汉字时，文本框会发生细微的向上偏移，而输入数字和字母却不会。

2.解决方法

（1）设置vertical-align属性（推荐）
vertical-align:middle;
（2）将input标签转化为块级元素
display：block;

3.拓展（vertical-align）

关于文字偏移的原因可以先了解中文文本的组成，文本有基线、底线、中线、顶线组成。
vertical-align主要用来处理图片和文字直接的位置关系。
参考：https://blog.csdn.net/weixin_45321331/article/details/110768379?