这个问题是陌小雨在开发wordpress 导航主题中碰到的一个小问题，当图片和文字或者图片和输入框在同一行时，如何让他们水平对齐，如下图：
解决办法也很简单，只需要给 img 添加一个 css 属性即可：
img{vertical-align:middle;}
如果是要和 input 对齐，给 input 也加上上面同样的属性即可。
效果自己去看吧：dedewp.com
如何让单行的图片与文字或者input水平对齐
热门推荐
- 清风美文体操之乡这个名字蛮好记的
![]()
陌小雨网站管理员@清风美文 是的 我家乡的称号
- harries体操之乡是你的另外一个网站？
![]()
陌小雨网站管理员@harries 是的哟
赶快看看有没有收录你的吧
- 主宰者博客所噶
![]()
陌小雨网站管理员@主宰者博客 技巧虽然很小，但是很实用，对不对
- boke112导航博主最近也挺能折腾的，看好博主哦
![]()
陌小雨网站管理员@boke112导航 也是闲的蛋疼呀
如有疑问，请前往问答中心反馈！
反馈