Question

我需要将textarea大小设置为64％，但我不能。你能帮我做这个吗？谢谢你的帮助：）

<!DOCTYPE html>
<html>
<body>
<style>
div.c18 {position: absolute;width:64%;left:18%}
div.c7 {position:relative;overflow:hidden;left:18%;}
</style>


<div class="c7">OTHER</div>
<div class="c18">
<input type="textarea">
</div>
</br>

</body>
</html>

Answer 1

您需要添加所需的行数和列数。

你可以这样做：

<textarea rows="10" cols="80">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam non augue nec risus lobortis pulvinar. Mauris imperdiet orci vitae commodo condimentum. Nam molestie risus iaculis enim dictum egestas. Vivamus commodo mauris consectetur diam fringilla, ut tempor nulla volutpat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla feugiat fringilla turpis in feugiat. In hac habitasse platea dictumst. Aenean laoreet orci et varius fermentum.
</textarea>

Answer 2

将子<input>或<textarea>的宽度设置为100％，以便填充64％的父级

<input type="text" style="width:100%">

这显然可以更改为样式表规则

的 DEMO

Answer 3

不是给容器赋予宽度，而是为textarea指定一个特定的宽度。喜欢：

CSS

#area { width: 50%; }

HTML

<textarea id="area">
</textarea>

Answer 4

首先，textarea将由textarea html标签使用并给予textarea＆＃34;行＆＃34;的高度和宽度。和＆＃34; cols＆＃34;物业将被使用。请参考以下代码。

<textarea rows="10" cols="80"></textarea>

如何在html上更改textarea大小？

4 个答案: