码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2016-05-07 00:55:06      阅读:144      评论:0      收藏:0      [点我收藏+]

标签:

效果图:

技术分享  技术分享

第一张使用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>

 

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

标签:

原文地址:http://www.cnblogs.com/rouya/p/5467424.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!