CSS 文本 \n 解析换行

message: '爱你的每个瞬间\n像飞驰而过的地铁'
<h1 className='message'>{message}</h1>

显示为

爱你的每个瞬间 像飞驰而过的地铁

而不是换行

加个样式

.message{
   white-space: pre-wrap; 
}
// pre-wrap	保留空白符序列，但是正常地进行换行。

显示为

爱你的每个瞬间
像飞驰而过的地铁
版权声明：本文为alokka原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接和本声明。