点击右上方红色按钮关注“小郑搞码事”，每天都能学到知识，搞懂一个问题！

还记得的话，上一篇总结了一下浏览器对空格符的默认解决方式，其中说到可以使用pre标签来原型输出空格内容。加标签总是让人觉得不是那么方便，同时也不可控，今天给大家理一下强大的CSS是如何控制空格的。

white-space这个属性就是使用来解决空格的，主要有五个取值(normal，nowrap，pre，pre-wrap，pre-line)。要知道它们是如何控制文本的，通过demo演示，我来详细说一下。

【white-space：normal】