'\ N' ile HTML'de satır sonu

HTML'yi \nsatır sonlarını düzgün bir şekilde tedavi etmenin bir yolu var mı ? Yoksa onları değiştirmek zorunda <br/>mıyım?

https://jsfiddle.net/zawyatzt/

Bu, html'de yeni satır ve dönüş arabasını göstermek için açık bir şekilde yapmanız gerekmez. Beyaz boşluk özniteliği satır öncesi değerini ayarlayarak css içinde yapabilirsiniz.

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

İçin CSS white-spaceözelliğini kullanabilirsiniz \n. Ayrıca sekmeleri olduğu gibi koruyabilirsiniz \t.

Satır sonu için \n:

white-space: pre-line;

Satır sonu \nve sekmeler için \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>

Sorunuza göre, çeşitli yollarla yapılabilir: - Örneğin şunları kullanabilirsiniz:

Metin alanına yeni bir satır eklemek isterseniz bunu deneyebilirsiniz: -


Satır Besleme ve 
Satır Başı

<textarea>Hello &#10;&#13;Stackoverflow</textarea>

<pre>---</pre>Önceden biçimlendirilmiş metin de yapabilirsiniz .

<pre>
     This is Line1
     This is Line2
     This is Line3
</pre>

Veya <p>----</p>Paragraf'ı kullanabilirsiniz

<p>This is Line1</p>

<p>This is Line2</p>

<p>This is Line3</p>

Not: \nKullanmak istiyorsanız, sunucu tarafı dilini desteklemek için Xampp veya Apache gibi bir sunucu yüklemeniz gerekir

<pre>Etiketi kullanabilirsiniz

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

<pre>etiketini kullanabilirsiniz :

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

Kullanımı white-space: pre-line, metni kullanmak zorunda kalmadan satır sonlarıyla doğrudan HTML'ye girmenize olanak tanır\n

Eğer kullanırsanız innerText, örneğin bir olmayan bir ön elemanı üzerinde JavaScript aracılığıyla elemanın özelliği <div>, \ndeğerleri ile değiştirilecek <br>varsayılan olarak DOM'da

• innerText: Cümledeki \nile<br>
• innerHTML, textContent: stil kullanımını gerektirirwhite-space

Metni nasıl uyguladığınıza bağlıdır, ancak bir dizi seçenek vardır.

const node = document.createElement('div');
node.innerText = '\n Test \n One '

Basit ve doğrusal:

 <p> my phrase is this..<br>
 the other line is this<br>
 the end is this other phrase..
 </p>

Sıra frenlerinizi değiştirmeyi düşünmelisiniz <br/>. HTML'de satır sonu yalnızca kodunuzdaki yeni satır anlamına gelir.

Alternatif olarak, satırlarınızı paragraflara yerleştirmek gibi diğer HTML işaretlemelerini kullanabilirsiniz:

<p>Sample line</p>
<p>Another line</p>

veya diğer sarmalayıcıları örneğin gibi <div>sample</div>css özniteliği ile: display: block.

Ayrıca kullanabilirsiniz <pre>. İçeriğinde prehtml stil yok sayılır. Başka bir deyişle, normal \nfren hatları ile saf html gösterecektir