在HTML中，让文字换行有多种方法，以下是一些常见的方法：
（图片来源网络，侵删）
1、使用<br>标签
<br>标签是一个空标签，表示换行，要使用它，只需在需要换行的地方插入<br>标签即可。
<p>这是第一行<br>这是第二行</p>
这将显示为：
这是第一行 这是第二行
2、使用<pre>和<code>标签
<pre>和<code>标签可以让浏览器保留文本中的空格和换行符，这对于显示源代码或多行文本非常有用。
<pre> 这是第一行 这是第二行 </pre>
或者使用<code>标签：
<code> 这是第一行 这是第二行 </code>
3、使用CSS样式设置whitespace属性
通过设置元素的whitespace属性，可以控制如何处理元素内的空白字符，将whitespace设置为prewrap可以让浏览器保留空白字符并换行。
<!DOCTYPE html>
<html>
<head>
<style>
p {
whitespace: prewrap;
}
</style>
</head>
<body>
<p>这是第一行，这是第二行。</p>
</body>
</html>
4、使用wordwrap属性（仅适用于某些浏览器）
wordwrap属性可以让长单词或URL自动换行到下一行，这个属性并不是所有浏览器都支持。
<!DOCTYPE html>
<html>
<head>
<style>
p {
wordwrap: breakword;
}
</style>
</head>
<body>
<p>这是一个非常长的单词，它将自动换行到下一行，这是一个非常长的URL，https://www.example.com/very/very/very/long/url，它也将被自动换行。</p>
</body>
</html>
5、使用纯JavaScript实现换行（不推荐）
虽然可以使用JavaScript来实现换行，但这并不是最佳实践，因为HTML应该只包含结构和内容，而样式和行为应该由CSS和JavaScript处理，如果你确实需要使用纯JavaScript实现换行，可以使用以下代码：
<!DOCTYPE html>
<html>
<body>
<p id="myText">这是第一行，这是第二行。</p>
<script>
document.getElementById("myText").innerHTML = "这是第一行。<br>这是第二行。";
</script>
</body>
</html>
在HTML中，有多种方法可以实现文字换行，最常用的方法是使用<br>标签，但还可以使用其他方法，如<pre>和<code>标签、CSS样式以及纯JavaScript，在选择方法时，请根据实际需求和浏览器兼容性来决定。
原创文章，作者：未希，如若转载，请注明出处：https://www.kdun.com/ask/444838.html
微信扫一扫