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>

界面效果如图:
input[type="checkbox"]与label对齐解决办法

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>

效果图如下:
input[type="checkbox"]与label对齐解决办法


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

赞 (0)

评论区

发表评论

21+49=?

暂无评论,要不来一发?

回到顶部