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>
相关推荐
是个热心市民1 小时前
构建一个导航栏web
前端·javascript·python·django·html
羊小猪~~4 小时前
前端入门一之CSS知识详解
前端·javascript·css·vscode·前端框架·html·javas
晨旭缘5 小时前
vue3动态监听div高度案例
vue.js·html
空白诗14 小时前
HTML 基础概念:什么是 HTML ? HTML 的构成 与 HTML 基本文档结构
前端·html
钱钱钱端19 小时前
UI自动化测试 —— CSS元素定位实践!
css·功能测试·selenium·测试工具·jmeter·ui·postman
小白讲前端21 小时前
HTML+CSS太极效果(附源码!!!)
前端·css·html
衣乌安、1 天前
【CSS】标准&怪异盒模型
前端·css
y先森1 天前
js实现漂亮的注册页面(js动态注册页面)
前端·javascript·css