需求记录 | 如何实现div 中的文字换行(white-space)

一、需求背景

今天产品提了一个需求，看板处的说明文字需要添加，并且要另起一行。

二、

说明文字是一个统一的模板部分，传进模板的是一个字符串。 

也就是会统一在一个 div 中进行展示。

最终找到的答案是，通过 设置 white-space 实现。

 如上图所示。

具体white-space 的使用方法和其他属性的介绍，见mdn 和阮一峰的介绍。

相关文章：

1、CSS 的空格处理 - 阮一峰的网络日志

2、white-space - CSS: Cascading Style Sheets | MDN