input[type="checkbox"]与label对齐解决办法

input[type="checkbox"]与label对齐解决办法

00x1 源代码如下

<th colspan="1" class="select-all">
    <input type="checkbox" id="select-all">
    <label for="select-all">全选</label>
</th>

界面效果如图:
20170803102510144.png

00x2 解决方法如下

<style>
    .select-all label {
        padding-left: 4px;
        cursor: pointer;
        margin: 0;
        vertical-align: middle;
    }

    .select-all input {
        display: inline-block;
        vertical-align: middle;
        margin-bottom: 2px;
    }
</style>

效果图如下:
20170803104148108.png


版权声明:本文为CSDN博主「sun小小」的原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/qq_37319575/article/details/54376608

TAG:HTML, 前端

发表新评论