Wie kann Leerraum in einer mehrzeiligen HTML-Anordnung entfernt werden?

Question

Ich habe eine Vorlage mit einem Template-System Lenker-style:

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

Ausgangs Nachricht: Please re-upload this panorama.

Wie Sie die Nachricht sehen kann lokalisiert; Es hat auch eine chinesische Version. Da in chinesischen Wörtern keine Leerzeichen enthalten sind, muss ich die Leerzeichen in der lokalisierten Zeichenfolge platzieren. Nicht in der Vorlage.

redeability Zur Verbesserung der ich dies tat:

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

Aber ein Raum wird nach jeder Zeichenfolge hinzugefügt.

Wie schreibe ich die Struktur wie das zweite Beispiel, aber produzieren Sie die Beispielausgabe?

Answer 1

Wenn ich Sich richtig verstehe, ist dies ein klassisches weißes Raum Problem bei der Inline-Elementen verwendet wird, wo die gestrichelten Linien, dass der Raum gibt Markup, so versuchen, diesen

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