码迷,mamicode.com
首页 > 其他好文 > 详细

文字和img、input并排无法对齐的问题

时间:2017-08-17 12:58:01      阅读:152      评论:0      收藏:0      [点我收藏+]

标签:http   有一个   字体   nbsp   logs   效果   实现   log   解决   

  文字和img、input并排在一行的时候,img和input位置总是会偏移一点,input就用复选框和按钮举例,如下图:

技术分享

 

  只要在img和input样式加上vertical-align:middle;就可以垂直居中了,效果如下图:

技术分享

 

技术分享

 

技术分享

 

技术分享

 

  复选框在firefox、ie6和ie7下面还是有一点点偏移,追求完美的话,可以用float:left和!important分别调整。当然一般情况下尽量少用!important,为了完美嘛。

  这里还有一个办法,刚刚查到的文章,已转载到博客(后面一篇),就将font-family中的第一个字体设置为Tahoma,则可以完美的实现对齐(Verdana等字体也可以)。

  其实这个办法也不太理想,因为一般情况下很少会把font-family字体设置为Tahoma或Verdana这个吧,不过也算是个解决办法。

文字和img、input并排无法对齐的问题

标签:http   有一个   字体   nbsp   logs   效果   实现   log   解决   

原文地址:http://www.cnblogs.com/sunnywindycloudy/p/7380585.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!