文字处理之一：空白字符和white-space属性

标签也有同样的效果文字有点多Moretextalittlemoretextalittlemoretexta多一点文字多一点文字多一点文字多一点文字多一点文字多一点文字多一点文字多一点文字多一点文字多一点文字多一点文字多一点
最终显示效果如下如下：我一开始加的空格没有忽略，中间加的换行不算空格，甚至多个换行不合并，第二行太长没有自动换行.简而言之，浏览器什么都不做。white-space:pre-wrap:pre的效果好像有点太粗糙了，我还需要wrap一些，就是希望在pre的基础上自动换行。多一点文字多一点文字多一点文字多一点文字多一点文字多一点文字多一点文字多一点文字多一点文字多一点文字多一点文字多一点多一点文字多一点文字多一点文字多一点文字多一点文字多一点文字多一点文字多一点文字多一点文字多一点文字多一点文字多一点文字多一点文字多一点文字多一点文字多一点文字多一点文字多一点文字多一点文字多一点文字多一点文字多一点文字多一点文字多一点文字多一点文字多一点文字多一点文字多一点文字多一点文字多一点文字多一点文字多一点文字多一点文字多一点文字多一点文字:white-space:pre-line:line表示一行，plusline表示我更强调换行，所以我保留换行和浏览器的wrap换行，这两个都和换行有关。空格应该还是合并合并，应该忽略，和pre不一样。多一点文字多一点文字多一点文字多一点文字多一点文字多一点文字多一点文字多一点文字多一点多一点文字多一点文字多一点文字多一点文字多一点文字多一点文字多一点文字多一点文字多一点文字多一点文字多一点文字多一点文字多一点文字多一点文字多一点文字多一点文字多一点文字多一点文字多一点文字多一点文字多一点文字多一点文字多一点文字多一点文字多一点文字多一点文字多一点文字多一点文字多一点文字多一点文字多一点文字多一点文字多一点文字多一点文字多一点文字多一点文字多一点文字多一点文字多一点文字多一点文字多一点文字多一点文字多一点文字多一点文字多一点文字多一点文字多一点文字多一点文字多一点文字多一点文字多一点文字多一点文字多一点文字多一点显示效果如下：总结一下，这个属性其实控制了三点：换行符是否作为一个空格处理Handle多个空格是否合并，结束空格是否被忽略，是否自动换行。每个属性对应的行为是下表中的换行符和空格字符的组合，忽略自动换行符。normal视为空格，merge是nowrap视为空格，mergeNoprereservedNopre-wrapreservedYespre-linereservedMerging是关于换行的，还有很多细节，下一篇会详细讨论~