当文字 12px 时,单(复)选框 CSS 设置 height:13px; vertical-align:bottom; margin-bottom:.5px; margin-top:5px; 兼容当前 Chrome Firefox IE EDGE 浏览器显示对齐。
CSS

.checkbox_align{height:13px; vertical-align:bottom; margin-bottom:.5px; margin-top:5px;}

HTML

<div style="font-size:12px;">
<input class="checkbox_align" type="radio" /> 单选框 <input class="checkbox_align" type="checkbox" /> 复选框
</div>

 

当文字 14px 时,单(复)选框 CSS 设置 vertical-align:text-bottom; margin-bottom:2px; 兼容当前 Chrome Firefox IE EDGE 浏览器显示对齐。

CSS

.checkbox_align{vertical-align:text-bottom; margin-bottom:2px;}

 

当文字 12px 和 14px 以及 1em 时,单(复)选框 CSS 设置 vertical-align:middle; margin-top:-2px; margin-bottom:1px; 兼容当前 Chrome Firefox IE EDGE 浏览器显示对齐。

CSS

.checkbox_align{vertical-align:middle; margin-top:-2px; margin-bottom:1px;}

 

通用型

vertical-align: -5%;
分类: 前端开发

0 条评论

发表评论

Avatar placeholder

您的电子邮箱地址不会被公开。