aynı render Ben bir dize jQuery içinde dizesinde yeni çizgi ( n) kullanarak ve HTML
string display_txt = "1st line text" +"\n" + "2nd line text";
('#somediv').html(display_txt).css("color", "green")
kullanmaya çalışıyorum msg yazım 2 satırda görüntülenecek, ancak yerine \ n mesajda gösteriliyor. Bunun için herhangi bir hızlı düzeltmeler var mı?
sayesinde html yeni hat için
Kullanım <br />:
display_txt = display_txt.replace(/\n/g, "<br />");
, "\ n" olarak "\\ n" olarak çıkıyorum ya da çalışmıyor. (Chrome 46’da test edilmiştir). Herhangi bir sebep neden? –
Lütfen bunun yalnızca '\ n' karakterinin dizginin içindeki ilk oluşumunu değiştireceğini unutmayın. [MDN belgeleri] (https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/replace) –
en iyi ".replace (/ \ n/g,"
"konusuna bakın.) 'daha yeni satır önlenir. –
KingRider
yerine bir div öncesi bir etiket de kullanabilirsiniz
white-space:pre-wrap;
document.body.innerHTML = 'First line\nSecond line\nThird line';body{ white-space:pre-wrap; }bu kabul edilen cevap olarak kabul edilmiyor mu? LE: Bunun sadece IE 8+'de desteklendiğini görüyorum [link] (http://www.w3schools.com/cssref/pr_text_white-space.asp) – gciochina
Bu yanıt innerHTML'yi ayarlamaktan çok daha iyi, çünkü bir XSS güvenlik açığına neden olur. – RobinLinus
Ayrıca, beyaz boşluk: ön satır, yani boşluk dizileri tek bir boşluk içine çökecek şekilde kullanabilirsiniz. Metin gerektiğinde ve satır sonlarında sarılacaktır. Daha fazla bilgi için: [https://www.w3schools.com/cssref/pr_text_white-space.asp](https://www.w3schools.com/cssref/pr_text_white-space.asp) – JiaHao
için tablo hücreye css ayarlayın. Bu, \ n'lerinizi otomatik olarak doğru şekilde gösterir. Eğer `
kullanabilmesi
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script>
$(document).ready(function(){
var display_txt = "1st line text" +"\n" + "2nd line text";
$('#somediv').html(display_txt).css("color", "green");
});
</script>
</head>
<body>
<pre>
<p id="somediv"></p>
</pre>
</body>
</html>
Kullanım yerine \ n
– jantimon
Çok açık, cevap sorunuzu, sen, html gibi div hata mesajı işlemek için çalışıyoruz' etiketi – Murtaza
şey "çok açık olduğunu "iki satır beklerken. Tam tersine, yeni satırın düz bir alan olarak işleneceği açıktır, sadece gerekirse hattı sarar. HTML nasıl çalışır, tabii ki de .html'nin nasıl çalıştığıdır. –