经过一系列的测试
我发现textarea标签如果放在设置了弹性布局且主轴设置为垂直方向时,
textarea标签的cols属性会失效,父容器有多宽textarea的文本框就有多宽
还不知道是什么原因
<h3>未设置弹性布局的</h3>
<textarea rows="10" cols="1"></textarea>
<h3>设置了弹性布局的</h3>
<div style="display: flex;flex-direction: column;">
<textarea rows="10" cols="1"></textarea>
</div>
效果如下:
解决办法:
这种情况要给下面的这个设置宽度width才会对文本框有作用