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

  发布时间:2013-01-21 15:31:52   作者:佚名   我要评论
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 是无法去掉的
很诡异

相关文章

最新评论