当前位置:Web前端 > css> 正文

checkbox和文字对齐

时间:2014-11-11类别:Web前端

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>  
    
    		
  • 效果如图:

    标签:
    上一篇下一篇

    猜您喜欢

    热门推荐