Line breaks in HTML are '
'

Question

Is there a way to make HTML handle newlines correctly? Or do I have to replace them? abcdefghi

P粉345302753 · Answer

You can use the CSS white-space property to represent . You can also keep tabs as shown in .

For newlines:

white-space: pre-line;

For newlines and tabs :

white-space: pre-wrap;

document.getElementById('just-line-break').innerHTML = 'Testing 1
Testing 2
	No tab';

document.getElementById('line-break-and-tab').innerHTML = 'Testing 1
Testing 2
	With tab';

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

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

P粉144705065 · Answer

This is to display line breaks and carriage returns in HTML. Then you don't need to do this explicitly. You can do this in CSS by setting the whitespace property pre-line value.

@Model.CommentText