[记录]关于vertical-align单/多选框与说明文字对齐效果 - 灬肉吖

程序员文章站 2022-04-17 21:43:37

...

效果图:

第一张使用label标签,第二张没有使用..

使用label标签,middle对齐方式的单选框下降了1px

而没有使用label标签,sub对齐方式的却居中了 =_=

不太理解,困.. 留一记录, 忘能解惑

代码:

1.说明名字用标签

input,label { vertical-align:middle; } test测试 test测试

2.说明文字没有使用标签

input,label
{  
    vertical-align:sub;  
}  
 
 
 
test测试  
test测试

声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn核实处理。

[记录]关于vertical-align单/多选框与说明文字对齐效果_html/css_WEB-ITnose