web前端|html教程
复选框,垂直,水平
web前端-html教程
checkbox和radio两个标签都是我们经常会用到的,有时候项目中出现了一个checkbox与同一行的文字不能对齐的问题,检查后发现个问题,checkbox和radio两个标签的默认高宽都是13px,而项目中使用的字体大小却是12px,如果将字体调整为14px就不存在这个问题了,于是作者根据网上查到的资料整理了几种解决办法。
android l 源码下载,手机上如何装vscode,amd 装ubuntu,tomcat解决跨域,爬虫音乐教程,php手册主题,seo友情链接怎么检查,纯英文网站源码php,医院全套网站模板织梦lzw
先发一下具体的问题情况以及解决后的效果:
影视1月26源码,ubuntu安装jdk配置,爬虫实例采集url,pv 统计php,seo前端架构lzw
免费响应式网站系统源码,小内存版ubuntu,爬虫豆瓣流浪地球,php单机故障,seo接单教程lzw
body{font-size:12px;}div{float:left;width:110px;}input{margin:0;padding:0;}.input1{vertical-align:text-bottom;margin-bottom:-1px;*margin-bottom:-4px;}.input2{height:13px;vertical-align:text-top;margin-top:0;}.input3{height:15px;vertical-align:bottom;margin-bottom:-1px;margin-bottom:-2px\9;*margin-bottom:0px;}.input4{height:14px;vertical-align:top;margin-top:1px;margin-top:0\9;}.input5{vertical-align:middle;margin-top:-2px;}.input6{vertical-align:-3px;}一般的情况
复选框单选框
单选框
解决方法一
解决方法二
解决方法三
解决方法四
解决方法五
解决方法六
复选框
解决方法一
解决方法二
解决方法三
解决方法四
解决方法五
解决方法六
兼容浏览器:chrome,firefox,ie8,ie7,ie6,safari
备注:个人推荐第 2 种,第 5 种和第 6 种方法。因为这 3 种方法都没有用到 css hack。
以上内容就是复选框和单选框与文字水平垂直居中对齐的解决方法,希望能帮助到大家。
推荐11款jQuery开发的复选框和单选框美化插件_jquery
HTML复选框和单选框 checkbox和radio事件介绍_基础知识
自学篇之js 提取复选框和单选框的值 和纯css的3D按钮