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>
相关推荐
菜鸟una1 小时前
【瀑布流大全】分析原理及实现方式(微信小程序和网页都适用)
前端·css·vue.js·微信小程序·小程序·typescript
代码改变世界100862 小时前
像素策略游戏:资源战争
css·游戏·css3
用户6600676685393 小时前
用HTML5 构建一个敲击乐钢琴
html
Qinana4 小时前
📚 论如何用代码谈一场不露脸的恋爱
前端·前端框架·html
www_stdio5 小时前
HTML5 敲击乐:模块化开发打造交互式钢琴应用的实践指南
html
luckyPian10 小时前
前端+AI:CSS3(二)
前端·css·css3
muyouking1110 小时前
Tailwind CSS 小白快速入门速查手册
前端·css·css3
昔人'16 小时前
`list-style-type: decimal-leading-zero;`在有序列表`<ol></ol>` 中将零添加到一位数前面
前端·javascript·html
fruge1 天前
前端三驾马车(HTML/CSS/JS)核心概念深度解析
前端·css·html
znhy@1231 天前
CSS易忘属性
前端·css