CSS中控制文本框的長(zhǎng)度可以通過(guò)設(shè)置width屬性來(lái)實(shí)現(xiàn)，具體步驟如下：

1、設(shè)置寬度：使用CSS的width屬性來(lái)指定文本框的寬度，你可以使用像素（px）、百分比（%）或em單位來(lái)設(shè)置寬度，如果你想要一個(gè)寬度為200像素的文本框，你可以這樣寫(xiě)：

input[type="text"] {
    width: 200px;
}

2、響應(yīng)式設(shè)計(jì)：在設(shè)計(jì)響應(yīng)式布局時(shí)，你可能希望文本框的寬度能夠適應(yīng)屏幕的大小，這時(shí)，你可以使用百分比（%）或em單位來(lái)設(shè)置寬度，這樣文本框就可以隨著屏幕大小的改變而自動(dòng)調(diào)整寬度了。

input[type="text"] {
    width: 100%;
}

3、限制長(zhǎng)度：除了設(shè)置寬度外，CSS還可以通過(guò)max-width屬性來(lái)限制文本框的***大寬度，這在你想要確保文本框不會(huì)超出其容器的情況下非常有用。

input[type="text"] {
    max-width: 200px;
}

4、使用Box-sizing：默認(rèn)情況下，CSS的寬度設(shè)置包括邊框和填充，但如果你想要改變這個(gè)行為，可以使用box-sizing屬性，如果你想要寬度只包括內(nèi)容，可以這樣寫(xiě)：

input[type="text"] {
    box-sizing: content-box;
}

通過(guò)掌握這些技巧，你可以使用CSS來(lái)***地控制文本框的長(zhǎng)度和寬度，從而創(chuàng)建出更加美觀和實(shí)用的表單布局。