Is er een manier om HTML \nregeleinden correct te laten behandelen? Of ik moet ze vervangen door <br/>?
https://jsfiddle.net/zawyatzt/
Antwoord 1, autoriteit 100%
Dit is om een nieuwe regel en terugloop in html te tonen, dan hoef je dit niet expliciet te doen. Je kunt het in css doen door de pre-line waarde van het witruimte-attribuut in te stellen.
<span style="white-space: pre-line">@Model.CommentText</span>
Antwoord 2, autoriteit 36%
U kunt de CSS white-spaceeigenschap gebruiken voor \n. U kunt de tabbladen ook behouden zoals in \t.
Voor regeleinde \n:
white-space: pre-line;
Voor regeleinde \nen tabbladen \t:
white-space: pre-wrap;
Antwoord 3, autoriteit 8%
Volgens uw vraag kan dit op verschillende manieren worden gedaan: –
U kunt bijvoorbeeld het volgende gebruiken:
Als u een nieuwe regel in het tekstgebied wilt invoegen, kunt u dit proberen:-
Line Feed en Carriage return
<textarea>Hello Stackoverflow</textarea>
U kunt ook
<pre>---</pre>vooraf opgemaakte tekst.
<pre>
This is Line1
This is Line2
This is Line3
</pre>
Of u kunt
<p>----</p>alineagebruiken
<p>This is Line1</p>
<p>This is Line2</p>
<p>This is Line3</p>
Opmerking: als je
\nwilt gebruiken, moet je een server zoals Xampp of Apache installeren om de taal aan de serverzijde te ondersteunen
Antwoord 4, autoriteit 3%
U kunt de tag <pre>gebruiken
<div class="text">
<pre>
abc
def
ghi
</pre>
abc
def
ghi
</div>Antwoord 5, autoriteit 2%
u kunt de tag <pre>gebruiken:
<div class="text">
<pre>
abc
def
ghi
</pre>
</div>Antwoord 6, autoriteit 2%
Met behulp van white-space: pre-linekunt u de tekst rechtstreeks in de HTML invoeren met regeleinden zonder dat u \n
hoeft te gebruiken
Als je de eigenschap innerTextvan het element gebruikt via JavaScript op een niet-pre-element, b.v. a <div>, worden de \nwaarden standaard vervangen door <br>in de DOM
innerText: vervangt\ndoor<br>innerHTML,textContent: vereisen het gebruik van stylingwhite-space
Het hangt af van hoe je de tekst toepast, maar er zijn een aantal opties
const node = document.createElement('div');
node.innerText = '\n Test \n One '
Antwoord 7
Eenvoudig en lineair:
<p> my phrase is this..<br>
the other line is this<br>
the end is this other phrase..
</p>
Antwoord 8
Overweeg om je regeleinden te vervangen door <br/>. In HTML staat een regeleinde alleen voor een nieuwe regel in je code.
Als alternatief kunt u enkele andere HTML-markeringen gebruiken, zoals het plaatsen van uw regels in alinea’s:
<p>Sample line</p>
<p>Another line</p>
of andere wrappers zoals bijvoorbeeld <div>sample</div>met CSS-attribuut: display: block.
Je kunt ook <pre>gebruiken. Voor de inhoud van prewordt de HTML-stijl genegeerd. Met andere woorden, het zal pure HTML weergeven met normale regeleinden \n.