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

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

时间:2015-08-04 13:11:22      阅读:155      评论:0      收藏:0      [点我收藏+]

标签:

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

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

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

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

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

标签:

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

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