如何删除多行HTML排列中的空白

How to remove white space in a multiple line HTML arrangement?

本文关键字：排列 HTML 空白 何删除 删除      更新时间：2023-09-26

我有一个带有Handlebar风格模板系统的模板：

<div class="alert alert-danger" v-if="!panoURL">
  {{ $t('invalidPanorama') }}{{ $t(objectName) | lowercase }}{{ $t('period') }}
</div>

输出消息：Please re-upload this panorama.

正如您所看到的，消息是本地化的；它还有一个中文版本。由于中文单词中没有空格，我不得不将空格放在本地化字符串中。模板中没有。

为了提高可再利用性，我这样做了：

<div class="alert alert-danger" v-if="!panoURL">
  {{ $t('invalidPanorama') }}
  {{ $t(objectName) | lowercase }}
  {{ $t('period') }}
</div>

但是在每个字符串后面都添加了一个空格。

如何像第二个例子一样编写结构，但产生例子输出？

如果我理解你的正确，在使用内联元素时，这是一个经典的空白问题，其中标记的虚线提供了这个空间，所以试试这个

<div class="alert alert-danger" v-if="!panoURL">
     {{ $t('invalidPanorama') }}<!--
  -->{{ $t(objectName) | lowercase }}<!--
  -->{{ $t('period') }}
</div>
相关文章：