当前位置： 首页 > article >正文

html checkbox和label 文字不对齐解决办法

article 2024/12/25 1:58:23

做用html或bootstrap时，表单元素和文字不对齐现实，不管用什么vertical-align:middle，也无法解决。
先看现象：
在这里插入图片描述

<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>

解决办法：

.flex{display:flex; align-items:center;}

<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>

在这里插入图片描述


http://www.kler.cn/a/382318.html

相关文章：

  • 【day14】异常处理与Object类深入解析
  • D102【python 接口自动化学习】- pytest进阶之fixture用法
  • 【恶意软件检测】一种基于API语义提取的Android恶意软件检测方法（期刊等级：CCF-B、Q2）
  • 鸿蒙app封装 axios post请求失败问题
  • PromptGIP：Unifying lmage Processing as Visual Prompting Question Answering
  • workman服务端开发模式-应用开发-gateway长链接端工作原理
  • 某华迪加现场大屏互动系统mobile.do.php任意文件上传
  • windows安装mysql
  • Android 依赖统一配置管理（Version Catalogs）
  • 学习党的二十大精神，推动科技创新和发展
  • Spring中的资源Resource 以及分类(多种资源的实现类)
  • Follow软件的使用入门教程
  • PostgreSQL 字段按逗号分隔成多条数据的技巧与实践 ️
  • ClickHouse创建账号和连接测试
  • 【LeetCode】【算法】338. 比特位计数
  • TS-AWG控制电光调制器：推动科技应用新发展的利器
  • 一个.NET开源、轻量级的运行耗时统计库 - MethodTimer
  • Allegro： 开源的高级视频生成模型
  • 服务器的配置复杂，租用时该如何选择参数？
  • 数据库-＞索引
  • 入门车载以太网(3) -- 网络层
  • 核心概念解析Caffeine 缓存模型与策略
  • 在函数 \( f(x+1) = x^2 + 1 \) 中，\( x \) 和 \( x+1 \) 代表不同的概念
  • ElasticSearch认识
  • HFSS学习笔记（五）金属过孔、复制模型带激励等问题（持续更新...）
  • 【大数据学习 | kafka】kafka的偏移量管理