html checkbox和label 文字不对齐解决办法

做用html或bootstrap时,表单元素和文字不对齐现实,不管用什么vertical-align:middle,也无法解决。

先看现象:

html 复制代码
<input type="radio" id="agreed" name="Appeal" value="Agreed" class="form-control radioAppeal"> <label for="agreed" style="margin-right: 20px;">同意</label> 

<input type="radio" id="rejected" name="Appeal" value="Rejected" class="form-control radioAppeal"> <label for="rejected">不同意</label>

解决办法:

csss 复制代码
.flex{display:flex; align-items:center;}
bash 复制代码
<div class="flex">
	<input type="radio" id="agreed" name="Appeal" value="Agreed" class="form-control radioAppeal"> <label for="agreed" style="margin-right: 20px;">同意</label> 
	<input type="radio" id="rejected" name="Appeal" value="Rejected" class="form-control radioAppeal"> <label for="rejected">不同意</label>
</div>
相关推荐
前端Hardy10 小时前
HTML&CSS: 谁懂啊!用代码 “擦去”图片雾气
前端·javascript·css
前端Hardy10 小时前
HTML&CSS:好精致的导航栏
前端·javascript·css
前端老鹰11 小时前
HTML <output> 标签:原生表单结果展示容器,自动关联输入值
前端·html
墨渊君13 小时前
“蒙”出花样!用 CSS Mask 实现丝滑视觉魔法
前端·css
芦苇Z14 小时前
HTML <a> 标签的 rel 属性全解析:安全、隐私与 SEO 最佳实践
前端·html
小帆聊前端17 小时前
Flex 布局实战指南:从踩坑到精通,解决 90% 布局难题
css
谢尔登17 小时前
【CSS】层叠上下文和z-index
前端·css
Alice-YUE18 小时前
【CSS学习笔记3】css特性
前端·css·笔记·html
睡不着先生18 小时前
CSS `:has()` 实战指南:让 CSS 拥有“if 逻辑”
css
yddddddy1 天前
css的基本知识
前端·css