大家好,欢迎来到IT知识分享网。
最近新接收了一个项目,再做一个小功能点时,字符串需要增加换行,小小记录一下
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
等属性可能影响了文本的显示方式。
免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://haidsoft.com/124816.html