您现在的位置是：网站首页> 编程资料编程资料
实现checkbox&radio对齐的方法_心得技巧_网页制作_
2023-11-10
440人已围观
简介 本文主要介绍了实现checkbox&radio对齐的具体方法，对大家的页面布局具有很好的参考价值，需要的朋友一起来看下吧
不仅不同浏览器不同，不同的字体,不同的文字大小也会表现不一样。
重置 form checkbox & radio
因为不同浏览器解析不一样，有些是默认margin，有些是默认padding，还有ie6,7连margin和padding即使设置为0后，所占的空间还是比较大，所以还是有必须重置下，这样就能解决很多不必要的麻烦。
以下是 14px Arial 字体的解决方案：
1、css代码
.form { font: 14px/18px Arial, Helvetica, sans-serif; } .form input, .form label { vertical-align: middle; } .form label { margin-right: 6px; } .form_checkbox, .form_radio { margin: 0 3px 0 0;/*与右侧文字的间距*/ padding: 0; width: 13px; height: 13px; /*ie7 ie6 根据不同的 font-size 设置不同的值*/ *vertical-align: 1px; }2、html代码
3、效果图
以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持！
