CSS中設(shè)置文本框高度的方法

在CSS中，我們可以通過設(shè)置height屬性來調(diào)整文本框的高度，以下是一些示例代碼，展示了如何設(shè)置文本框的高度：

1、固定高度：

.text-box {
    height: 200px;
}

在這個示例中，我們?yōu)轭惷麨?code>text-box的文本框設(shè)置了200像素的高度。

2、自適應(yīng)高度：

.text-box {
    height: auto;
}

在這個示例中，我們讓文本框的高度自適應(yīng)其內(nèi)容，默認情況下，文本框的高度會根據(jù)其內(nèi)容自動調(diào)整。

3、***小高度：

.text-box {
    min-height: 100px;
}

在這個示例中，我們設(shè)置了文本框的***小高度為100像素，即使內(nèi)容較少，文本框也會保持***少100像素的高度。

4、***大高度：

.text-box {
    max-height: 300px;
    overflow: auto;
}

在這個示例中，我們設(shè)置了文本框的***大高度為300像素，并且當內(nèi)容超出這個高度時，會出現(xiàn)滾動條。

當使用max-height屬性時，還需要設(shè)置overflow屬性為auto，以便在內(nèi)容超出***大高度時出現(xiàn)滾動條，如果不設(shè)置overflow屬性，那么當內(nèi)容超出***大高度時，文本框仍然會擴展，而不會顯示滾動條。