Les sauts de ligne en HTML sont '\n'

Question

Existe-t-il un moyen pour que HTML gère correctement les nouvelles lignes n Ou dois-je les remplacer par
 ?

<div class="text">
  abc
  déf
  ghi
</div>

Answer 1

Vous pouvez utiliser CSS white-space 属性来表示 n。您还可以保留选项卡，如 t comme indiqué dans .

Pour le caractère de nouvelle ligne n : 

white-space: pre-line;

Pour la nouvelle ligne n和制表符t et l'onglet 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

Il s'agit d'afficher les sauts de ligne et les retours chariot en HTML. Alors vous n’avez pas besoin de le faire explicitement. Vous pouvez le faire en CSS en définissant la valeur de pré-ligne de la propriété whitespace.

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