使用css样式white-space: pre-wrap；导致文字下移的问题

1.  想让该文字出现一段一段的段落，而不是只有一个块。

就使用了white-space: pre-wrap;样式，结果样式变成了

莫名空出来一节，以为是css样式的覆盖，继承问题，或者数据里面有空格，结果后面才发现是编码习惯的问题

换行被white-space: pre-wrap;样式保留了，导致第一行内容偏下。

将结构与内容写在同一行即可。

注：html标签里的内容，默认情况下会将连续空格省略成一个空格，换行也会省略成一个空格。所以需要使用white-space: pre-wrap;样式，或者《pre》《/pre》标签，或者手动&nbsp：来实现连续空格。