百度搜索栏输入框上下不居中(环境: Chrome 106.0.5249.103)
<p>今天用百度搜点东西,输入中文字的第一瞬间就有了不和谐感,感觉没有居中。</p>
<p>打开代码看了一眼,上下 padding 是一致的,没有啥问题,再看看页面,确实没有居中。</p>
<p>Chrome 下先输入英文后输入中文,可以很明显看到英文字的位置变动。</p>
<p>盲猜一波原因是 input 的高度太小,然后中文字体的固有高度大于 18px 。</p>
<p>解决方案可以把 input 的 <code>box-sizing</code> 改成 <code>content-box</code></p>
<p>PS:又去火狐看了一眼是正常的。</p>
<p><del>如果以上是你们设计师故意的设计,当我白说。</del></p>
收藏(0)
分享
相关标签:
注意:本文归作者所有,未经作者允许,不得转载