在文本区域中为每个段落的第一行应用缩进

Question

在文本区域中为每个段落的第一行应用缩进

5

我希望在用户输入时对每个文本区段应用缩进。我使用了以下代码：

：

<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代码实现这一点呢？

提前感谢。

- user2173567

你正在测试哪个浏览器？ - Sridhar R

请检查这个 fiddle http://jsfiddle.net/TBB4N/9/，它将意图应用于所有第一行。 - Sridhar R

@SridharR，您的演示缩进了所有行... - omma2289

是的，兄弟，你需要什么？ - Sridhar R

Sridhar，每个段落的第一行即用户按下回车键时，应从-50px开始。 - user2173567

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Jukka K. Korpela · Accepted Answer

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

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

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