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>
相关推荐
AA-代码批发V哥15 分钟前
HTML之语义化标签与多媒体标签
html
像风一样自由202017 分钟前
HTML与JavaScript:构建动态交互式Web页面的基石
前端·javascript·html
Liudef063 小时前
2048小游戏实现
javascript·css·css3
小桥风满袖6 小时前
Three.js-硬要自学系列38之专项学习缓冲几何体
前端·css·three.js
Hilaku6 小时前
深入CSS层叠的本质:@layer如何优雅地解决样式覆盖与!important滥用问题
前端·css·html
ac.char8 小时前
Golang读取ZIP压缩包并显示Gin静态html网站
golang·html·gin
每天开心8 小时前
深入理解 CSS 选择器:从基础到高级
css·html·ai编程
撰卢9 小时前
如何提高网站加载速度速度
前端·javascript·css·html
sophister9 小时前
Flex 布局中容易踩的那些坑,你踩过几个?
前端·css·html
MiyueFE9 小时前
CSS 函数与混入草案:原生 CSS 的“魔法”即将登场!
前端·css