Tôi có một chuỗi nói
string display_txt = "1st line text" +"\n" + "2nd line text";
trong Jquery, tôi đang cố gắng sử dụng
('#somediv').html(display_txt).css("color", "green")
khá rõ ràng, tôi đang mong tin nhắn của mình được hiển thị thành 2 dòng, nhưng thay vào đó \ n đang được hiển thị trong thông báo. Bất kỳ bản sửa lỗi nhanh chóng cho điều đó?
Cảm ơn,
.htmlhoạt động.
Câu trả lời:
Sử dụng <br />cho dòng mới trong html:
display_txt = display_txt.replace(/\n/g, "<br />");
\nký tự bên trong chuỗi. Xem tài liệu MDN
.replace(/\n/g, "<br />")là ngăn chặn thêm dòng mới.
Đặt css của bạn trong ô bảng thành
white-space:pre-wrap;
document.body.innerHTML = 'First line\nSecond line\nThird line';body{ white-space:pre-wrap; }white-space:pre-line;như các chuỗi khoảng trắng sẽ thu gọn thành một khoảng trắng duy nhất. Văn bản sẽ bao bọc khi cần thiết và ngắt dòng. Thông tin thêm về: https://www.w3schools.com/cssref/pr_text_white-space.asp
\nphương tiện một dòng mới sẽ được in và nó in nó
Bạn có thể sử dụng thẻ trước thay vì div. Điều này sẽ tự động hiển thị \ n của bạn theo cách chính xác.
<!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>
Có thể .textthay vì .html?
Tôi gặp sự cố sau trong đó tôi đang tìm nạp dữ liệu từ cơ sở dữ liệu và muốn hiển thị một chuỗi có chứa \n. Không có giải pháp nào ở trên phù hợp với tôi và cuối cùng tôi đã tìm ra giải pháp: https://stackoverflow.com/a/61484190/7251208
<br />thẻ