HTML 中的換行符號為 '\n'

Question

有沒有辦法讓 HTML 正確處理 n 換行符號？還是我必須將它們替換為
？

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

Answer 1

您可以使用 CSS white-space 屬性來表示 \n。您也可以保留選項卡，如 \t 所示。

對於換行符號\n：

white-space: pre-line;

對於換行符號\n和製表符\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

這是在 HTML 中顯示換行符號和回車符。那你不需要明確地這樣做。您可以在 CSS 中透過設定空白屬性 pre-line 值來完成此操作。

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