checkbox和后面文字无法对齐的解决方法

最新推荐文章于 2024-03-20 00:00:27 发布

Billyond

最新推荐文章于 2024-03-20 00:00:27 发布

阅读量1.9w

点赞数 4

分类专栏： css 文章标签： CSS

本文链接：https://blog.csdn.net/Billyond/article/details/45098333

版权

css 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

checkbox和后面的文字如果不加样式，会导致checkbox和文字对齐，解决办法是对checkbox和文字同时添加如下样式：

vertical-align:middle;

如例所示：

c:forEach var="user" items="${userItem}">
    <label>
        <input type="checkbox" value="${user.map.YHID}" style="vertical-align:middle;" />
        <span style="vertical-align:middle;" >${user.map.YHMC}</span>
    </label>
</c:forEach>

效果图：
这里写图片描述

优惠劵

Billyond

关注关注

4
点赞
踩
5

收藏

觉得还不错? 一键收藏
2
评论
checkbox和后面文字无法对齐的解决方法

checkbox和后面的文字如果不加样式，会导致checkbox和文字对齐，解决办法是对checkbox和文字同时添加如下样式：vertical-align:middle; 如例所示：c:forEach var="user" items="${userItem}"> <label> <input type="checkbox" value="${user.map.YHID}
复制链接

扫一扫