优德娱乐场w88手机版:一个值得你收藏的教程网站

最新下载

网页中怎么实现checkbox&radio对齐的教程

时间:2016-12-23 00:00:00 编辑:简简单单 来源:转载

不仅不同浏览器不同,不同的字体,不同的文字大小也会表现不一样。

重置 form checkbox & radio

因为不同浏览器解析不一样,有些是默认margin,有些是默认padding,还有ie6,7连margin和padding即使设置为0后,所占的空间还是比较大,所以还是有必须重置下,这样就能解决很多不必要的麻烦。

以下是 14px Arial 字体的解决方案:

1、css代码

.form {font:14px/18pxArial,Helvetica,sans-serif; } .form input, .form label {vertical-align:middle; } .form label {margin-right:6px; } .form_checkbox, .form_radio {     margin:03px00;/*与右侧文字的间距*/     padding:0;     width:13px;     height:13px;     /*ie7 ie6 根据不同的 font-size 设置不同的值*/     *vertical-align:1px; }

2、html代码

  

         checkbox4          checkbox5          checkbox6   

  

         radio4          radio5          radio6   

3、效果图

网页中怎么实现checkbox&radio对齐的教程

文章评论

热门栏目

XML 地图 | Sitemap 地图