html5中文学习网

您的位置: 首页 > 网页制作 > css教程 » 正文

解决table td中的checkbox无法上下居中的问题_CSS教程_CSS_网页制作

[ ] 已经帮助:人解决问题
点评:table td中的checkbox无法上下居中的情况想必很多的朋友都有遇到过吧,下面有个不错的解决方法,大家可以参考下

复制代码
代码如下:
gErHTML5中文学习网 - HTML5先行者学习网
<style type="text/css"> gErHTML5中文学习网 - HTML5先行者学习网
body{font-size:24px; font-family:Tahoma;} gErHTML5中文学习网 - HTML5先行者学习网
.checkbox{vertical-align:middle; margin-top:0;} gErHTML5中文学习网 - HTML5先行者学习网
</style> gErHTML5中文学习网 - HTML5先行者学习网
</head> gErHTML5中文学习网 - HTML5先行者学习网
<body> gErHTML5中文学习网 - HTML5先行者学习网
<input class="checkbox" type="checkbox" />使用css式样的复选框 gErHTML5中文学习网 - HTML5先行者学习网
<input type="checkbox" />默认的复选框 gErHTML5中文学习网 - HTML5先行者学习网
gErHTML5中文学习网 - HTML5先行者学习网
在实际运用中会出现firefox与ie效果不同的情况这时候需要 gErHTML5中文学习网 - HTML5先行者学习网

复制代码
代码如下:
gErHTML5中文学习网 - HTML5先行者学习网
.comm_check{margin:2px 2px 0 30px; float:left; vertical-align:middle;margin-top:3px!important ;margin-top:0px;} gErHTML5中文学习网 - HTML5先行者学习网
gErHTML5中文学习网 - HTML5先行者学习网
*格式:适用于ff 的配置 !important ; 适用于ie6 的配置
(责任编辑:)
推荐书籍
推荐资讯
关于HTML5先行者 - 联系我们 - 广告服务 - 友情链接 - 网站地图 - 版权声明 - 人才招聘 - 帮助