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

Javascript 对文本区域段落的每一行应用缩进,javascript,jquery,html,css,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> Lorem Ipsum

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

<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>
Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum
然而,它只适用于文本区域的第一行,而不适用于新段落的每一行。我们可以通过css实现这一点吗?或者任何javascript代码


提前感谢

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

只是文本区域中只有一个段落。那里的数据被处理为纯文本,无法表示段落中断。留下一个空行意味着在一段文字中留下一个空行


如果您想要一个带有段落分隔符的输入区域,则需要使用一个普通元素,如
div
,并带有
contenteditable
属性(可能,但需要另一种方法,例如,如果您希望将数据发送到服务器,则需要将其复制到隐藏字段中).

您测试的浏览器检查此小提琴是否适用于所有第一个lines@SridharR您的演示缩进所有行…是您需要的broSridhar,每个段落的第一行,即当用户显示enter键时,它应该从-50px开始。