多行文本框怎么设置宽度

多行文本框怎么设置宽度

首先我们在html代码里先输入一个textarea控件，也就是多行文本框。

运行页面后，可以看到现在的多行文本框也就是按浏览器默认的宽度来显示的。

要设置多行文本框的宽度，我们可以使用cols属性来设置。代码。

这时我们再看下页面，可以发现现在多行文本框的宽度变宽了。

但上面的方法，并不能准确的设置到多行文本框的宽度，并不能准确到像素级别的设置，所以我们最方便的方法还是使用样式来设置。我们先为这个控件添加一个样式名

然后再在代码里添加上对应的样式代码，在这里我们设置控件的高度和宽度，其中宽度设置为300像素。

刷新页面，就可以目的地到效果了，可以看到现在的多行文本框的宽度变宽了，也完完整整是300像素的宽度。