今天用百度搜点东西,输入中文字的第一瞬间就有了不和谐感,感觉没有居中。
打开代码看了一眼,上下 padding 是一致的,没有啥问题,再看看页面,确实没有居中。
Chrome 下先输入英文后输入中文,可以很明显看到英文字的位置变动。
盲猜一波原因是 input 的高度太小,然后中文字体的固有高度大于 18px 。
解决方案可以把 input 的 box-sizing 改成 content-box
box-sizing
content-box
PS:又去火狐看了一眼是正常的。
如果以上是你们设计师故意的设计,当我白说。