如何限制<textarea>

时间:2016-12-15 07:38:44

标签: html css

&lt; p&gt;&lt; a href =&#34; https://i.stack.imgur.com/n83Rt.png" rel =&#34; nofollow noreferrer&#34;&gt;看到textarea可以伸展他父母的范围&lt; / a&gt;我有一个&#34; textarea&#34;标签在html模式上,它可以调整大小,但如果我拖动并调整大小&#34; textarea&#34;它可以被拖出模态范围。&lt; / p&gt; &lt; p&gt;如果我可以限制&#34; textarea&#34;?&lt; / p&gt;的可拖动区域? &LT; HR&GT; &lt; p&gt;谢谢你们所有人!我在帖子中找到了解决方案。&lt; / p&gt; &lt; p&gt;设置textarea的最大宽度:100&lt; / p&gt;

2 个答案:

答案 0 :(得分:3)

textarea {
   resize: none;
}

希望这会对你有所帮助

此外,

textarea { 
resize: vertical; 
}

textarea { 
resize: horizontal; 
}

此代码只允许您垂直调整大小或仅水平调整大小。

答案 1 :(得分:0)

将最大宽度设置为100%,如下所示:

textarea {max-width:100%;}