vertical-align:sub;居然实现了居中对齐,不解!


  
  1. <!DOCTYPE HTML> 
  2. <html> 
  3. <head> 
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
  5. <title>Vertical-align意外的居中对齐?</title> 
  6. <style type="text/css"> 
  7. body  
  8. {  
  9.     font-size:0.75em;  
  10.     font-family0:Arial;  
  11. }  
  12. input[type=checkbox],input[type=radio]  
  13. {  
  14.     vertical-align:sub;  
  15. }  
  16. </style> 
  17. </head> 
  18.  
  19. <body> 
  20. <input type="checkbox" />张三  
  21. <input type="checkbox" />English  
  22. <input type="radio" />张三  
  23. <input type="radio" />English  
  24. </body> 
  25. </html> 

 

IE8,FF5里这样,其他的浏览器我没实验。