请问如何将多个checkbox在div中排版，即对齐？

如题，我有十几个checkbox，后面的说明文字长短不一，我按一般的换行下来，结果对不齐，请问如何才能将checkbox排好序呀，谢谢

解决方案 »

  1.   

    全给DIV DIV标签万能 比什么li span更好用<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>无标题文档</title>
    <style type="text/css">
    <!--
    body,td,th {
    color: #9C0;
    }
    .zhengti {
    background-color: #C66;
    width: 400px;
    }
    .zuo {
    float: left;
    width: 100px;
    }
    .zuo1 {
    width: 50px;
    background-color: #0CC;
    white-space: nowrap;
    overflow: hidden;
    }
    .you {
    float: left;
    width: 200px;
    }.qing {
    clear: both;
    }
    -->
    </style></head><body>
    <div class="zhengti">
        <div class="zuo">
            <div class="zuo1"><input name="" type="checkbox" value="" />111111</div>
            <div class="zuo1"><input name="" type="checkbox" value="" />2222222222</div>  
            <div class="zuo1"><input name="" type="checkbox" value="" />333333333333</div>  
            <div class="zuo1"><input name="" type="checkbox" value="" />4444444444</div>  
        </div>    
        <div class="you"></div>
    <div class="qing"></div>
    </div></body>
    </html>
      

  2.   

    按1F的用一个div包起来，然后CSS统一设置宽度等样式就比较好对齐了