首页 > 其他 > 详细

checkbox和后面文字无法居中对齐的解决方案

时间:2015-08-04 13:10:32      阅读:234      评论:0      收藏:0      [点我收藏+]

   制作前端页面时,表单的页面中都存在表单元素与提示文字无法对齐的问题。下面是针对这一问题的解决方案:

先上结果图看效果,吼吼~
技术分享

    最上面两个是经过css处理后的效果,已经居中对齐了哦~,最后一个是没有处理的效果,明显没有对齐。解决的关键是vertical- align:middle属性,一定要给input标签和文字的标签同时加上该属性。对于纯英文的内容而言,这样就可以了,但是对于包含中文内容的,如果 此时仍没有居中对齐,就需注意一下字体的设置了。经过测试,当把字体设置为Arial或Tahoma后,问题解决。下面是例子的源码:

例子的html代码
技术分享
css代码
技术分享

checkbox和后面文字无法居中对齐的解决方案

原文:http://www.cnblogs.com/mm2015/p/4701535.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!