CSS 是網頁開發中必不可少的技術，可以實現許多強大的功能。其中，控制單行文本框的大小是一種很常見的應用。下面，我們就來介紹一下如何通過 CSS 控制單行文本框的大小。

/* 設置文本框的寬度為 300 像素 */
input[type="text"] {
width: 300px;
}

以上代碼中，我們使用了 input[type="text"] 這個選擇器來選中文本框，并通過 width 屬性將其寬度設置為 300 像素。

當然，如果想要讓文本框自適應容器寬度，可以使用百分比來代替像素值。

/* 設置文本框寬度為其容器寬度的 80% */
.container {
width: 500px;
}
.container input[type="text"] {
width: 80%;
}

以上代碼中，我們使用了 .container 這個類選擇器來選中文本框所在的容器，并將其寬度設置為 500 像素。接著，我們在 .container 下使用 input[type="text"] 這個選擇器來選中文本框，并通過 width 屬性將其寬度設置為容器寬度的 80%。

通過以上演示，我們了解了如何通過 CSS 控制單行文本框的大小。但需要注意的是，這里只是控制文本框的寬度，如果想要控制它的高度，需要使用其他屬性。希望這篇文章對大家學習 CSS 有所幫助。