被换行坑到啦！

起因是前几天做一个需求： 要把输入框中的内容原样展示到ui上，保留空格和换行符

是不是还挺简单的，刷刷写下代码：

white-space: pre-wrap;
word-break: break-word ;

但是！换行是换行了，前面总是出现莫名的空格，缩进，用缩进属性修改是无效的。

这就是大坑所在! 就是对于有pre-line或者pre标签来说，标签与内容之间不可以有换行！ 必须在一行。不然就会解析到格式中换行符多出几个空格！

eg：

.text-break {
    white-space: pre-wrap;
    word-break: break-word ;
}

....
<div class="text-break">内容</div>

要这样，不要换行。