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

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

时间:2014-10-30 11:55:14      阅读:109      评论: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
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!