複数行のHTML配置で空白を削除するにはどうすればよいですか？

Question

は私がハンドルバースタイルのテンプレートシステムでテンプレートを持っている：

<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> 

しかしスペースは、各文字列の後に追加されます。私はこれをしなかったredeabilityを向上させるために

2番目の例のように構造を書きますが、出力例を生成する方法は？

Answer 1

私はあなたの正しい理解をした場合、これはマークアップの破線はそのスペースを与えるインライン要素を、使用している場合、古典的なホワイトスペースの問題であるので、この

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

を試してみてください