white-space属性

nowrap（强势A）：
-空白？
-不行！
-换行？
-不许！
-前方禁止通行！
-劳资就要从这儿过！
于是此时文本空白被强势折叠，换行被视而不见，一往无前冲出边界

pre（温柔A）：
-空白？
-可以哦
-换行？
-可以哦
-前方禁止通行！
-呵呵，一定要从这里过去哦
于是此时文本空白被保留，换行被执行，却一往无前冲出边界

normal（中庸B）：
-空白？
-不行！
-换行？
-不许！
-前方禁止通行！
-QAQ好嘛……
于是此时文本空白被强势折叠，换行被视而不见，遇到边界却怂巴巴退到下一行

pre-line（傲娇O）：
-空白？
-不行！
-换行？
-不……欸？QAQ都说了不可以啦
-前方禁止通行！
-QAQ呜呜呜
于是此时文本空白被强势折叠，却反抗无力被强势换行，并遇到边界怂巴巴退到下一行

pre-wrap（草食O）：
-空白？
-可…可以
-换行？
-QAQ也行
-前方禁止通行！
-QAQ呜呜呜
于是此时文本空白被保留，换行被执行，并遇到边界怂巴巴退到下一行

假设空白是O，换行符是B，文本边界是A
那么nowrap一路干翻了O、B、A，实乃A中之A，王者之A，直男之A
pre则温柔的包容了O、B，最后遇到同类A时才气场全开干翻了A，对弱者怜香惜玉，对强者毫不留情，A中另类，温柔腹黑
normal，一个一心想朝A发展的B，在B中算出色的了，干翻了O、B，却终究败在真正的A下
pre-line，脾气很坏的O，但终究仅仅是O，除了操翻同类O，在B、A面前连连败馁
pre-wrap，不知道该说食物链底层，还是老好人一个，一路走来谁都能操翻他，实在令人怒其不争

综上，nowrap，食物链顶层的男银；pre-wrap，万物皆可插（插队！）的战五渣