彼此相邻的输入具有可变位置
发布于2022-01-25 11:44 阅读(1373) 评论(0) 点赞(17) 收藏(1)
这个小小提琴显示了我遇到的问题。
右侧的登录表单在 Firefox（甚至 IE6）下看起来不错，但在 IE7+ 或 chrome/chromium 中查看时，大小会有所不同。
这不是实际的大小差异，而是一些输入的位置低于其他输入而造成的错觉，并且 div 上的溢出将它们切断。
我认为它可能是一些不可见的值，例如 Firefox 虚线，但设置outline: none也不起作用。
我整天都在调试这个，我不知道为什么它不起作用。
编辑：截图
解决方案
显然vertical-align适用于相对于其父对象的对象，而不是相对于对象的子对象。将vertical-align输入设置为 top 解决了问题（但我仍然不知道首先是什么原因造成的，奇怪）
所属网站分类: 技术文章 > 问答
作者：黑洞官方问答小能手
链接：http://www.qianduanheidong.com/blog/article/295079/a8c8eee1bd6a3e150ea5/
来源：前端黑洞网
任何形式的转载都请注明出处,如有侵权 一经发现 必将追究其法律责任
昵称:
评论内容：(最多支持255个字符)
---无人问津也好，技不如人也罢，你都要试着安静下来，去做自己该做的事，而不是让内心的烦躁、焦虑，坏掉你本来就不多的热情和定力