<ul>
<li><label>銀行</label><input type="text"></li>
<li><label>信用卡</label><input type="text"></li>
</ul>
你把代碼改成這樣，看看每個(gè)label的寬度是不是不一樣？
所以文本短的后面的輸入框會(huì)比文本長的后面的輸入框向左偏移。
你要實(shí)現(xiàn)輸入框?qū)R，就要把文本用標(biāo)簽包起，并且設(shè)置樣式width：固定值。

https://jsfiddle.net/883tnsgu/1/

像這種里面最好兩個(gè) 都加標(biāo)簽。input固定寬
display:flex;
justify-content:space-between;
彈性盒很方便，記得兼容哦

可以不用li ，用div你可能更舒服。

可以給文字加個(gè)div，讓div左浮動(dòng)，讓input右浮動(dòng)

少做修改的話，li寬度定好，input右浮動(dòng)就行了；
當(dāng)然了，比較推薦的做法是遵循分離原則，把布局和內(nèi)容的標(biāo)簽分開，這樣編寫會(huì)更清晰，維護(hù)也更方便

文字外面那層多加一個(gè)div

注意語義化，文字用label，輸入框用浮動(dòng)

記得用<label>