Question

我正在将应用程序从 pug 转换为 HTML ，但是我在空格方面遇到了一些问题。

我正在使用vue-loader（13.x）和webpack 3.x。

此代码：

  <body>
    <span>
      Whitespaces, whitespaces everywhere
    </span>
  </body>

将在浏览器中翻译为：

<body>
    <span>
          Whitespaces, whitespaces everywhere
        </span>
</body>

这段代码：

<body>
    <span>No whitespace, yay!</span>
</body>

将正确翻译。

我希望这两段代码都能转换为相同的HTML <span>no whitespace</span>。我想要这个，是因为当我将哈巴狗翻译成HTML时，我在哈巴狗上得到了一些奇怪的间距。

我该怎么办？

-编辑我的实际代码和屏幕截图。

<p class="home-main-person-list-text align-self-top large-offset-2 small-offset-1 show-for-medium">
    À contacter
    <span class="home-main-person-list-text-nb">
        5
    </span>
</p>

运行代码时，默认情况下为空白：https://i.stack.imgur.com/Sz3dJ.png

当我让它看起来像哈巴狗的结果时没有空格（只需删除控制台中的空格）：https://i.stack.imgur.com/BWJxT.png

如何在HTML模板中不保留空格？

0 个答案: