您的位置:首页 > Web前端 > css > 正文

checkbox和文字对齐

更多 时间:2014-11-11 类别:Web前端 浏览量:667

checkbox和文字对齐

checkbox和文字对齐

一、checkbox和文字无法对齐的解决方法

 

要对齐的每个标签,都加一个css属性:

vertical-align:middle;

 

二、例如

有一个checkbox,后面跟一个超链接,原来的HTML代码是这样的:

  •  
  • HTML 代码 
  • 
    <input type=checkbox id="the_id" name=checkbox style="vertical-align:middle;" />  
    <a href="the_link" title="the_title" ></a>  
    
    		
  •  

    原来的效果图:

     

    修改之后的代码:

  •  
  • HTML 代码   复制
  • 
    <input type=checkbox id="theId" name=checkbox style="vertical-align:middle;" />  
    <a href="the_link" title="the_title" style="vertical-align:middle;" ></a>  
    
    		
  • 效果如图:

     

    标签:checkbox