首页 > 其他 > 详细

复选框与文字无法对齐问题

时间:2014-10-30 11:54:44      阅读:350      评论:0      收藏:0      [点我收藏+]

写过Web页面的朋友大概都曾遇到过这样的问题:checkbox与说明文字(比如一个label标签或一个a标签)无法对齐,要不是checkbox上浮了,要不是说明文字上浮。 

 

以前遇到过这个问题,但是都直接忽视,并未深究。今天要解决项目中遗留下的界面显示问题,这个问题终于绕不过去了,因为它真的是无处不在。

 

今天,借助于伟大的baidu,同时自己不断试验,终于解决了这个“老大难”的“历史遗留问题”。现将经验分享如下:

其实很简单,真的灰常简单,把要对齐的每个标签,都加一个css属性:

style="vertical-align:middle"

没加之前是这样:

代码:


bubuko.com,布布扣

样式:


bubuko.com,布布扣

加了之后是这样:

代码:

bubuko.com,布布扣


样式:

bubuko.com,布布扣




复选框与文字无法对齐问题

原文:http://7883830.blog.51cto.com/7873830/1569549

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