Pemisah baris dalam HTML ialah '\n'

Question

Adakah terdapat cara untuk mendapatkan HTML untuk mengendalikan n Atau adakah saya perlu menggantikannya dengan
?

<div class="text">
  abc
  def
  ghi
</div>

Answer 1

Anda boleh menggunakan CSS white-space 属性来表示 n。您还可以保留选项卡，如 t seperti yang ditunjukkan dalam .

Untuk watak baris baharu n:

white-space: pre-line;

Untuk baris baharu n和制表符t dan tab t:

white-space: pre-wrap;

document.getElementById('just-line-break').innerHTML = 'Testing 1\nTesting 2\n\tNo tab';

document.getElementById('line-break-and-tab').innerHTML = 'Testing 1\nTesting 2\n\tWith tab';

#just-line-break {
  white-space: pre-line;
}

#line-break-and-tab {
  white-space: pre-wrap;
}

<div id="just-line-break"></div>

<br/>

<div id="line-break-and-tab"></div>

Answer 2

Ini adalah untuk memaparkan pemisah baris dan pemulangan pengangkutan dalam HTML. Kemudian anda tidak perlu melakukan ini secara eksplisit. Anda boleh melakukan ini dalam CSS dengan menetapkan nilai prabaris sifat ruang kosong.

<span style="white-space: pre-line">@Model.CommentText</span>