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

建站知识 2021-07-03 08:43www.168986.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 是无法去掉的
很诡异