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

Applying indent to each first line of paragraph of text area

本文关键字：一首缩进应用区域文本段落更新时间：2023-09-26

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

<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代码？

提前致谢

如果将

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

只是文本区域中只有一个段落。那里的数据以纯文本形式处理，并且无法指示段落分隔符。保留空行意味着在被视为一个段落的文本块中只是一个空行。

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