checkbox与文字混排无法对齐导致不美观的解决方法

当前位置 : 首页 > 网页制作 > CSS > checkbox与文字混排无法对齐导致不美观的解决方法

checkbox与文字混排无法对齐导致不美观的解决方法

来源: 作者: 时间:2015-11-15 12:42
checkbox与文字不对齐会影响美观本文将将介绍解决方法:需要checkbox居中对其 然后文字也要居中对齐,checkbox在FF和IE下表现不一样;不管你怎么设置默认的margin和padding是无法去掉的
checkbox与文字不对齐会影响美观本文将将介绍解决方法:需要checkbox居中对其 然后文字也要居中对齐,checkbox在FF和IE下表现不一样;不管你怎么设置默认的margin和padding是无法去掉的
先前代码如下

复制代码
代码如下:

<span style="vertical-align:middle"><input type="checkbox" name="send_message_item" />禁止解析BBCode/span>

如此无法居中,改变后代码如下

复制代码
代码如下:

<span><input style="vertical-align:middle" type="checkbox" name="send_message_item" /><label style="vertical-align:middle">禁止解析BBCode</label></span>

需要checkbox居中对其 然后文字也要居中对齐,checkbox在FF和IE下表现不一样 不信你试一试 有的浏览器有默认的margin 大概2px 有的有默认的padding 而且不管你怎么设置默认的margin和padding 是无法去掉的
很诡异
Tag:
网友评论

<