checkbox和文字对齐
类别:Web前端 浏览量:667
时间:2014-11-11 checkbox和文字对齐
checkbox和文字对齐一、checkbox和文字无法对齐的解决方法
要对齐的每个标签,都加一个css属性:
vertical-align:middle;
二、例如
有一个checkbox,后面跟一个超链接,原来的HTML代码是这样的:
<input type=checkbox id="the_id" name=checkbox style="vertical-align:middle;" />
<a href="the_link" title="the_title" ></a>
原来的效果图:
修改之后的代码:
<input type=checkbox id="theId" name=checkbox style="vertical-align:middle;" />
<a href="the_link" title="the_title" style="vertical-align:middle;" ></a>
效果如图:
标签:checkbox
您可能感兴趣
- MVC扩展HtmlHelper实现CheckBoxList
- 脚本实现checkbox的全选和反选
- checkbox和文字对齐
- extjs checkboxGroup 复选框的用法
- MVC中CheckBox
- html radio样式(利用纯CSS自定义Checkbox和Radio的样式示例代码)
- 你喜欢足球吗 足球如何点亮世界的(足球如何点亮世界的)
- 不可分鸽是什么梗(不可分鸽是什么梗)
- 古代的鸽子是爱情的象征,并非和平的使者(古代的鸽子是爱情的象征)
- 一课译词 放鸽子(一课译词放鸽子)
- 终于来了,淘宝更改账户名测试中,快去看看你能不能修改(淘宝更改账户名测试中)
- 淘宝支持账号名修改,网友 终于可以 重新做人 了(淘宝支持账号名修改)
热门推荐
- css背景的属性有哪些(简述CSS中的背景属性background)
- easyui datebox的用法
- mysql数据表怎么复制(MySQL 复制表的方法)
- filezilla如何连接远程服务器(使用FileZilla快速搭建FTP文件服务的图文教程)
- mysql建立索引的主要目的(浅谈Mysql哪些字段适合建立索引)
- phpStudy启动失败时的解决方法 提示缺vc9运行库(phpStudy启动失败时的解决方法 提示缺vc9运行库)
- sw动态注解视图干嘛的(Swoole 5将移除自动添加Event::wait特性详解)
- css3实现凸起效果(CSS3轻松实现圆角效果)
- python 写入d盘文件(python文件写入write的操作)
- laravel数据查询(laravel按天、按小时,查询数据的实例)