checkbox与文字混排无法对齐导致不美观的解决方法
(编辑：jimmy 日期: 2024/9/21 浏览：3 次 )
先前代码如下
复制代码代码如下:
<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 是无法去掉的
很诡异
复制代码代码如下:
<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 是无法去掉的
很诡异
下一篇：纯css3无js实现的Android Logo(有简单动画)