将缩进应用于文本区域的每个第一行

时间:2013-11-07 07:33:02

标签: javascript jquery html css

我想将缩进应用于文本区域的每个段落作为用户类型。我使用以下代码:

<textarea rows="1" style="height:1em; text-indent:-50px; padding-left:50px;" cols="25" html="true" id="text" >Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum</textarea>

然而,它仅适用于textarea的第一行而不适用于新段落的每一行。我们可以用css实现这个目标吗?或任何JavaScript代码?

提前致谢

1 个答案:

答案 0 :(得分:1)

如果您将style属性替换为style="text-indent: 50px",则段落的第一行缩进为50px。

只是因为textarea中只有一个段落。那里的数据被处理为纯文本,并且无法指示段落中断。留空行意味着只作为一个段落处理的文本块中的空行。

如果你想要一个带分段符的输入区域,你需要使用div之类的普通元素和contenteditable属性(可能,但需要不同的方法,例如,如果你想要数据是发送到服务器,您需要将其复制到隐藏字段中。)