很莫名的textarea最前面的空格问题

一、今天在做东西的时候写了一个textarea，但是在页面出现了一个很诡异的现象：前面莫名多了好几个空格。具体如下：

二、出现这种问题，第一想法是页面在编译的时候是不是进行了某一种格式化，于是乎，写了一个trim（）来去除空格，但是还是不行啊。没办法就去网上查资料。得出的结果让人惊讶：   我们在写代码的时候为了进行了格式化，如

<textarea style="font-size:0.6rem;width:100%;height:100px;overflow-y:hidden;" readonly>

{{vo.content}}

</textarea>

这样就会多出一些神秘的空格，

三、解决方案：

把代码写在一行（也就是代码不换行）：<textarea style="font-size:0.6rem;width:100%;height:100px;overflow-y:hidden;" readonly>{{vo.content}}</textarea>

这样就不会有问题了，

四、很莫名，现在时间不足原因暂不去深究，有发现后续补上...