[记录]关于vertical-align单/多选框与说明文字对齐效果
2024-10-15 04:36:42
效果图:
第一张使用label标签,第二张没有使用..
使用label标签,middle对齐方式的单选框下降了1px
而没有使用label标签,sub对齐方式的 却 居 中 了 =_=
不太理解,困.. 留一记录, 忘能解惑
代码:
1.说明名字用<label>标签
input,label
{
vertical-align:middle;
}
</style>
</head>
<body>
<input type="checkbox" /><label>test测试</label>
<input type="radio" /><label>test测试</label>
<div>
2.说明文字没有使用<label>标签
input,label
{
vertical-align:sub;
}
</style>
</head>
<body>
<input type="checkbox" />test测试
<input type="radio" />test测试
<div>
最新文章
- Windows平台分布式架构实践 - 负载均衡
- 2在HTML中使用JavaScript
- iOS Orientation bug
- ASP.NET 5 (vNext) 理解和概述
- Servlet实现重定向的两种方式
- 二叉树 最近祖先lca + 两个结点的最小路径
- Loj 1003&ndash;Drunk(拓扑排序)
- C++ version the delaunay triangulation
- Python和Django在Windows上的环境搭建
- socket 基础知识
- DBA 培训相应内容笔记
- SQL函数介绍
- Sharpui企业版-简单介绍【01】 【QQ群:206378966】
- Android:OptionMenu
- SQL之概念
- MSSQL发现第五到数据的第十
- js中内置有对象
- 一、iOS中的事件可以分为3大类型
- flock SUSE/RHEL
- [Active Learning] 01 A Brief Introduction to Active Learning 主动学习简介