企业产品品牌策划:checkbox与说明文字无法对齐的问题
来源:百度文库 编辑:中财网 时间:2024/05/05 17:55:47
checkbox与说明文字无法对齐的问题
博客分类: Web前端开发
checkbox与说明文字无法对齐HTML页面标签对齐
写过Web页面的朋友大概都曾遇到过这样的问题:checkbox与说明文字(比如一个label标签或一个a标签)无法对齐,要不是checkbox上浮了,要不是说明文字上浮。
以前遇到过这个问题,但是都直接忽视,并未深究。今天要解决项目中遗留下的界面显示问题,这个问题终于绕不过去了,因为它真的是无处不在。
今天,借助于伟大的google,同时自己不断试验,终于解决了这个“老大难”的“历史遗留问题”。现将经验分享如下:
其实很简单,真的灰常简单,把要对齐的每个标签,都加一个css属性:
Html代码 ',1)">
vertical-align:middle;
比如说我有一个checkbox,后面跟一个超链接,原来的HTML代码是这样的:
Html代码 ',2)">
原来的效果图:
修改之后是这样的:
Html代码 ',3)">
效果如图:
评论
2 楼 njl_041x 2011-12-05
劳教楼主帮我把这种结果的对齐一下。
我的邮箱:njl_041x@163.com
先谢过了!
1 楼 njl_041x 2011-12-05
感觉还是有一个像素的差距。。。
博客分类: Web前端开发
checkbox与说明文字无法对齐HTML页面标签对齐
写过Web页面的朋友大概都曾遇到过这样的问题:checkbox与说明文字(比如一个label标签或一个a标签)无法对齐,要不是checkbox上浮了,要不是说明文字上浮。
以前遇到过这个问题,但是都直接忽视,并未深究。今天要解决项目中遗留下的界面显示问题,这个问题终于绕不过去了,因为它真的是无处不在。
今天,借助于伟大的google,同时自己不断试验,终于解决了这个“老大难”的“历史遗留问题”。现将经验分享如下:
其实很简单,真的灰常简单,把要对齐的每个标签,都加一个css属性:
Html代码 ',1)">
vertical-align:middle;
比如说我有一个checkbox,后面跟一个超链接,原来的HTML代码是这样的:
Html代码 ',2)">
原来的效果图:
修改之后是这样的:
Html代码 ',3)">
效果如图:
评论
2 楼 njl_041x 2011-12-05
劳教楼主帮我把这种结果的对齐一下。
我的邮箱:njl_041x@163.com
先谢过了!
1 楼 njl_041x 2011-12-05
感觉还是有一个像素的差距。。。
文字对齐问题(CSS)
WORD 中为什么有时候文字无法对齐
网站的文字如何对齐?
vc6 有关checkbox基础的问题。
怎样让文字与布局单元格的底线对齐——网页制作
怎样让文字与布局单元格的底线对齐——网页制作
打印机的对齐设置问题!
关于网页对齐的问题
文本字段对齐的问题
每行文字两端对齐
asp.net(c#)关于repeater中checkbox 的问题
关于J2EE中servlet取html checkbox值的问题
world表格内的文字为垂直居中对齐,水平方式为左对齐
怎样在WORD的表格里使框中的文字上下对齐?
在corelDRAW如何让一段美工文字的两端对齐?
在CorelDRAW中表格里面的文字怎么对齐
文字方面的说明
asp 中 input checkbox 问题!~
关于WORD2000中对齐方式的问题
关于word的对齐方式问题
C语言的字节对齐问题
在WORD中,文字的几种对齐方式在哪里找,为什么我的只有中间对齐方式?
代码与文字的相互转换问题!!!
请翻译问题补充说明中的文字