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>
相关推荐
吃饭最爱2 小时前
html的基础知识
前端·html
前端Hardy2 小时前
HTML&CSS:有趣的漂流瓶
前端·javascript·css
前端Hardy2 小时前
HTML&CSS :惊艳 UI 必备!卡片堆叠动画
前端·javascript·css
toooooop83 小时前
本地开发环境webScoket调试,保存html即用
前端·css·websocket
AlexMercer10123 小时前
[前端]1.html基础
前端·笔记·学习·html
前端Hardy3 小时前
只用2行CSS实现响应式布局,比媒体查询更优雅的布局方案
javascript·css·html
小菜全4 小时前
uniapp基础组件概述
前端·css·vue.js·elementui·css3
心一信息5 小时前
ThreeJS骨骼示例
css·css3·html5
yume_sibai9 小时前
HTML HTML基础(3)
前端·html
jason_yang10 小时前
基于BEM规范实现ElementPlus组件
css·scss