css - 如何为文本区域指定首选宽度/高度,但允许用户变大或变小?

标签 css

<分区>

我有一个文本区域(在 Chrome 中)定义为:

<textarea style="width:100%; height:500px;"></textarea>

这会强制文本区域具有那些尺寸,这是首选尺寸,所以这很好。

但是,如果用户想拖动调整大小 handle 来使文本区域变小或变大,他们不能

如果我一起删除样式,那么文本区域会折叠成一个小方 block 。

我想指定首选尺寸,但让用户在任意方向上将其拖动得更大或更小。这能做到吗?

最佳答案

您还可以使用属性 rowscols 指定维度,例如

<textarea rows="5" cols="50"></textarea>

rows = textarea 应该高的行数。

cols = 文本区域的字符数。

根据您的 css 的其余部分,textarea 可能不会比其父容器更宽。

关于css - 如何为文本区域指定首选宽度/高度,但允许用户变大或变小?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41247283/

相关文章:

html - 纯文本 CSS 幻灯片

html - 响应式下拉菜单问题

javascript - 使用 Javascript 时我的表没有隐藏

css - Twitter Bootstrap : How to automatically hide dropdown menu after 2 seconds?

javascript - Jquery rolloever - 闪烁问题

ruby-on-rails - 如何设置图片库的样式以允许纵向和横向图片也是链接

html - 将上下文类应用于导航栏中的列表项

javascript - 下拉菜单不允许我点击我的菜单项

css - 我想在 css 中给出图像大小

javascript - 自定义 Handsontable 滚动条设计