关于white-space的记录

给出代码

<p>三个空格   两个tab     什么都没有，两个换行

换行之后的字符
</p>

1.nowrap

image.png

<b>结论：</b> 自动合并空格、tab、换行符为一个空格，禁止换行

---

2.pre

image.png

<b>结论：</b>保留空格、tab、换行符，不自动换行

---

3.pre-line

image.png

<b>结论：</b>合并空格、tab为一个空格，没有合并换行符，自动换行

---

4.pre-wrap

image.png

<b>结论：</b>保留空格、tab、换行符，自动换行

---

5.normal

image.png

<b>结论：</b>合并空格、tab、换行为一个空格，自动换行

---

总结

image.png