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

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

article 2024/11/7 1:33:44

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

相关文章：

  • spark-on-k8s 介绍
  • 【详细 工程向】基于Smart3D的五镜头相机三维重建
  • 老域名seo有什么优势？
  • Qt中的Model与View 4：QStandardItemModel与QTableView
  • “单元测试”应该怎么写比较好
  • 新华三H3CNE网络工程师认证—VLAN的配置
  • 某华迪加现场大屏互动系统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的偏移量管理