解决span标签内意外出现的空格

今天下午实现一个保留用户换行的功能的时候意外的遇到的一个bug

上图是输入的内容，希望展示的时候能够带有换行，于是机智的我给span加上了一个css属性white-space: pre
然后打开页面看效果却发现

什么鬼？？？为什么会出现了首行的空格，于是各种debug无果之后…

<span style="white-space: pre;">{{ qa_comment }}</span>

发现把span写在一行竟然神奇的解决了bug…

记录一下，防止以后再遇到不知道怎么解决…