IE浏览器在文本框内输入中文汉字内容时,组件布局发生位移位置错乱

最近做项目用需要用到IE浏览器显示表单,结果发现只有在IE显示异常,这是因为
在IE11中打开该网页,在文本框中输入中文,文本框的位置立刻往下偏移1像素。去掉中文后,位置又自动偏移回来了。

解决办法:将文本框设置垂直对齐方式vertical-align位于顶部

<input type="text" style="vertical-align:top">

添加样式效果前(有bug):

IE浏览器在文本框内输入中文汉字内容时,组件布局发生位移位置错乱_第1张图片

添加样式效果后(正常):

IE浏览器在文本框内输入中文汉字内容时,组件布局发生位移位置错乱_第2张图片

你可能感兴趣的:(前端,html,前端,css)