css文本框可拉伸 |ul居中css样式

/* 对于普通的文本框，只需要使其resize属性为both即可 */
textarea {
resize: both;
}
/* 对于其他类型的文本框，也可以使用resize属性 */
input[type="text"] {
resize: both;
}

以上代码中，大家使用resize属性将文本框的大小能力设置为”both”，意为文本框可以在水平和垂直方向上进行拉伸。还有其他的属性取值，如”horizontal”只能在水平方向上进行拉伸，而”none”则完全不允许拉伸。

对于文本框的大小限制，大家可以使用CSS中的max-width、max-height、min-width、min-height等属性进行控制。通过使用这些属性，大家可以在保证可拉伸的前提下，控制文本框的最小和最大大小限制。

/* 设置文本框的最小和最大宽度为250px和500px */
textarea {
resize: both;
max-width: 500px;
min-width: 250px;
}

最后，需要注意的一点是，有些浏览器对于resize属性的支持并不完全。在使用可拉伸的文本框时，建议对于不支持该属性的浏览器提供备用方案，以确保用户的编辑体验。