在另一个范围中的Span标记生成新行

Question

你能告诉我如果扩展名为.tpl的文件中存在value.second，如何避免换行吗？或者使用另一个标签？

 <span v-style font-color="secondary" font-type="caption-2"> {{ value.first | number }}
                                <span v-if="value.second "> - {{ value.second | number}}</span> m</span>

现在，如果它出现了，我会得到新的产品线

​

​

Answer 1

white-space:nowrap;可能会有所帮助。它将防止行内中断

​

 <span v-style font-color="secondary" font-type="caption-2"> {{ value.first | number }} 
 <span v-if="value.second " style="white-space:nowrap"> - {{ value.second | number}}</span> m</span>

​