对文本区域段落的每一行应用缩进答案

【问题标题】：Applying indent to each first line of paragraph of text area对文本区域段落的每一行应用缩进
【发布时间】：2013-11-07 15:48:52
【问题描述】：

我想在用户输入时对文本区域的每一段应用缩进。我使用了以下代码：

<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>

但是它只适用于文本区域的第一行，而不适用于新段落的每一行。我们可以通过css实现吗？或任何 javascript 代码？

提前致谢

【问题讨论】：

你测试的浏览器
检查这个小提琴jsfiddle.net/TBB4N/9它将意图应用于所有第一行
@SridharR 你的演示缩进所有行...
是的，兄弟，你需要什么
Sridhar，每个段落的第一行，即当用户按下回车键时，它应该从-50px开始。

标签： javascript jquery html css

【解决方案1】：

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

只是为了让文本区域中只有一个段落。那里的数据被处理为纯文本，没有办法指示分节符。留空行意味着文本块中的空行被视为一个段落。

如果您想要一个带有分段符的输入区域，您需要使用带有 contenteditable 属性的普通元素，如 div（可以，但需要不同的方法，例如，如果您希望将数据发送到服务器，您需要将其复制到隐藏字段中）。

【讨论】：