checkbox与文字混排无法对齐导致不美观的解决方法
网站建设 2021-07-03 08:43www.dzhlxh.cn网站建设
先前代码如下
<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 是无法去掉的
很诡异