css vertical-align单选框和多选框文字不居中解决办法

2016-03-02    编辑:restart     点击(
本文章来给大家介绍关于css vertical-align单选框和多选框文字不居中解决办法,有碰到此类问题的朋友可参考。

多选框或单选框和文字不居中是很常见的问题,首先看我最近的项目,如下图:

解决办法如下(使用vertical-align:middle):

 代码如下 复制代码

<input style="vertical-align:middle" class="inputcheckbox" name="test" value="www.111cn.net" type="checkbox"> <label style="vertical-align:middle">测试文字x</label>