js 文字换行

作者：夜雨行空发布日期:2026-05-30 浏览:19

// 示例代码：使用 JavaScript 实现文字换行

// 方法 1: 使用 <br> 标签（适用于 HTML 中的 JavaScript）
let text = "第一行<br>第二行";
document.getElementById("output").innerHTML = text;

// 解释：在 HTML 中，<br> 标签用于插入一个换行符。通过将包含 <br> 的字符串赋值给元素的 innerHTML 属性，可以实现文字换行。

// 方法 2: 使用 \n 和 CSS white-space 属性（适用于纯文本）
let text2 = "第一行\n第二行";
document.getElementById("output2").textContent = text2;
document.getElementById("output2").style.whiteSpace = "pre-wrap";

// 解释：\n 是换行符，在纯文本中表示换行。为了使浏览器正确显示换行，需要设置 CSS 的 white-space 属性为 pre、pre-wrap 或 pre-line。

上一篇：js 文本换行

下一篇：js 换行