css - input text和div不对齐
本文介绍了css - input text和div不对齐的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
问 题
<div>
<input type="text" style="border:1px solid #d1d1d1;display:inline-block"/>
<div style="width:35px;height:35px;background:black;display:inline-block"></div>
</div>
这里的input相比div明显要下来一点
1、为什么会出现这种情况？
2、应该怎么解决？（input和div的高度都是35px，我想让他们对齐）
解决方案
<div style="width:35px;height:35px;background:black;display:inline-block;vertical-align: top;"></div>
添加vertical-align: top;
这篇关于css - input text和div不对齐的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
