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>
相关推荐
水冗水孚几秒前
React中使用map+area标签实现img图片特定区域标记功能(可用Photoshop精准拾取对应点位)
react.js·html·photoshop
前端 贾公子4 小时前
《Vuejs设计与实现》第 18 章(同构渲染)(下)
前端·javascript·html
Never_Satisfied5 小时前
在JavaScript / HTML中,词内断行
开发语言·javascript·html
whltaoin14 小时前
中秋赏月互动页面:用前端技术演绎传统节日之美
前端·javascript·html·css3·中秋主题前端
西洼工作室17 小时前
CSS高效开发三大方向
前端·css
昔人'17 小时前
css`font-variant-numeric: tabular-nums` 用来控制数字的样式。
前端·css
qq_4026056520 小时前
python爬虫(一) ---- 静态html数据抓取
爬虫·python·html
不叫猫先生1 天前
中秋连连看小游戏开发完整教程
javascript·css·小游戏·连连看
Never_Satisfied1 天前
在JavaScript / HTML中,转移字符导致js生成的html出错
开发语言·javascript·html
祈祷苍天赐我java之术2 天前
Redis 有序集合解析
java·前端·windows·redis·缓存·bootstrap·html