如何显示三行而不是一行

Question

我正在网站上创建记事应用程序。我的文本区域中有输入代码

<textarea class="form-control" rows="3" name="postBody"></textarea>

当我在文本框中输入文本时：

123
345
789

->我希望以三行显示这种方式，

但是我得到的显示是

123 456 789 

我该如何解决？

Answer 1

您可以使用white-space: pre-wrap属性显示带换行符的文本。

div {
    white-space: pre-wrap;
}

示例：

function display() {
 let elem = document.getElementById('content');
 document.getElementById('display').innerHTML = elem.innerHTML;
}

div {
        white-space: pre-wrap;
}

<textarea id="content">123
345
789</textarea>
  
  <div id="display"></div>
  
  <button onclick="display()">Display</button>