white-space直白地翻译就是空白,它可以设置你对标签内空白部分的处理方式。
如果不想显示空格,可以设置属性值为normal或者nowrap,区别在于normal会将文本包裹在指定的宽度内,会导致换行;而nowrap则不会包裹,不会有换行。
如果想显示空格,可以设置属性值为pre或pre-wrap,区别在于pre没有包裹的效果,即不会自动换行,只有你的文本中有换行符才会换行;而pre-wrap则可以实现包裹,即自动换行。
参考(网页中有效果展示):
https://developer.mozilla.org/zh-CN/docs/Web/CSS/white-space
https://www.w3school.com.cn/cssref/pr_text_white-space.asp