直入主題吧，直接寫input標簽去做對齊，是很難對齊，所以之前一直都是用table表格去對齊，這個大家應該都知道(我還是放一個簡單的demo吧)?，F(xiàn)在發(fā)現(xiàn)一個更好的對齊方式。是通過label標簽去對齊。

第一種 直接用input寫

這種不太好對齊 可能用&nbsp去對齊，但是太麻煩。

第二種 用table去布局

這種比較好對齊，可以采用

<table >
        <tr><td>登錄名</td><td><input type="text"></td></tr>
        <tr><td>密碼</td><td><input type="text"></td></tr>
    </table>

效果是這樣的

第三種 用label標簽來對齊

<label for="inputs">登錄名</label><input type="text" id="inputs"></input>
    <br />
    <label for="input2">密碼</label><input type="text" id="input2"></input>

這樣只需要在css中設定

label{
            display: inline-block;
            min-width: 100px;/*或者 width: 100px;*/
        }

這樣就ok了

好了 到這里也就結(jié)束了 拜