最近新接收了一个项目,再做一个小功能点时,字符串需要增加换行,小小记录一下
1、标签换行 <br>
2、字符换行 '\n',换行就是转到下一行输出。例如:
console.log("hello\nworld!");
在终端中将输出
hello
world!
3.css 换行
<p class='pre-line'>This is the first line /n This is the second line.</p>
<!-- 或者使用 CSS 属性 white-space: pre-line; -->
<style>
.pre-line {
white-space: pre-line;
}
踩坑点:当\n 不生效的时候 要考虑可能已经应用了某些CSS
样式,导致换行(替换成一个空白字符)。检查您的CSS
文件,查看是否有设置white-space
或display
等属性可能影响了文本的显示方式。