本文介绍了解决i标签和input标签在网页布局中垂直对齐问题的方法。通过设置input的vertical-align属性为top，可以确保icon和输入框顶部对齐，避免了因baseline对齐导致的显示不一致。
今天用 i 标签 和 input 标签写用户登录，用 i 标签当icon， input输入框，结果遇到两者顶部不对对齐
于是在网上找了一下，原因是 baseline 的对齐理解，可以自己去网上查 baseline 具体是什么
将input的 vertical-aligin 设为 top就可以解决
input {
vertical-align: top;;
}
参考博客
https://blog.youkuaiyun.com/weixin_39923616/article/details/79864524
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
