Html 是否可以在文本区域内添加段落间距？

只是想知道是否有人可以通过CSS甚至JS向文本区域内的文本添加段落间距视觉效果

我知道行高，但希望在文本区域内增加段落前后的间距，而不是在文本区域内按两次enter键来获得段落之间的间距

---

这是不是可能只有一个Text？或者我需要考虑富文本编辑器，或者甚至自己编写一个简单的文本编辑器，段落间距？（我不想走这条路，因为我只是追求段落间距，而不是文本编辑器附带的所有附加格式选项）

不。如果没有

行距

属性，则无法在

文本区域

中的段落之间添加空格，而不更改区域的值。这不是JavaScript或CSS选择器所能做到的。

是的，通过在侦听时替换textarea的值，特别是回车键，JavaScript应该可以做到这一点

您将该值存储在变量中，每当用户点击enter（其事件值为

13

）时，它将获取该文本并在末尾添加新行。现在，这将成为存储在变量中的值，并且在用户下次单击enter时添加新行，依此类推

如果您已经在使用jQuery，这里有一个简单的实现：

$('#my-text').keypress(function(e) {
  if(e.which === 13) {
    var text = $('#my-text').val();
    $('#my-text').val(text + '\n');
  }
});

e

是作为参数传入的键盘事件，当该事件恰好是enter键时，代码存储文本值，然后用该值加上新行替换textarea的值

下面是codepen的演示：