[分享]css中如何给文本框设置大小

在CSS中，通过设置width和height属性来控制文本框的大小。下面我们来看一下具体操作，以下代码中，pre标签内的代码为应用实例： 1. 设置文本框的宽度和高度： input { width: ...

在CSS中，通过设置width和height属性来控制文本框的大小。下面我们来看一下具体操作，以下代码中，pre标签内的代码为应用实例：

1. 设置文本框的宽度和高度：

 input {
        width: 200px;
        height: 50px;
    } 

在上述代码中，将input元素的宽度设置为200像素，高度设置为50像素。

2. 只设置文本框的宽度，让高度自适应：

 input {
        width: 200px;
        height: auto;
    } 

在上述代码中，将input元素的宽度设置为200像素，高度设置为自适应。

3. 只设置文本框的高度，让宽度自适应：

 input {
        width: auto;
        height: 50px;
    } 

在上述代码中，将input元素的高度设置为50像素，宽度设置为自适应。

4. 设置文本框的最小宽度和最小高度：

 input {
        min-width: 100px;
        min-height: 30px;
    } 

在上述代码中，将input元素的最小宽度设置为100像素，最小高度设置为30像素。 总之，通过设置width和height属性，可以很方便地控制文本框的大小。在实际应用中，可以根据实际需要进行调整，达到最佳效果。