在CSS中，<input>標(biāo)簽的左對(duì)齊是一個(gè)常見(jiàn)的需求，本文將介紹如何實(shí)現(xiàn)。

input {
text-align: left;
}

以上是最基礎(chǔ)的實(shí)現(xiàn)方式，但是有些情況下需要將文字與輸入框?qū)R。

input {
display: block;
width: 100%;
box-sizing: border-box;
text-indent: .5em;
}

這里使用了一個(gè)技巧，即通過(guò)text-indent將文字縮進(jìn)與輸入框?qū)R，同時(shí)使用box-sizing: border-box保證輸入框?qū)挾扔?jì)算包含邊框和內(nèi)邊距。

如果需要對(duì)齊多行輸入框，則需要將line-height設(shè)置為與height相等。

textarea {
display: block;
width: 100%;
height: 100px;
padding: .5em;
box-sizing: border-box;
line-height: 100px;
}

以上就是一些實(shí)現(xiàn)左對(duì)齊的方式，希望對(duì)大家有所幫助。