vue span 居右

您可以使用 CSS 中的 float 属性将 span 元素向右对齐，如下所示：

<template>
  <div>
    <span class="right">居右文本</span>
  </div>
</template>

<style>
.right {
  float: right;
}
</style>

或者使用 flex 布局，将父元素设置为 flex 容器，然后将 span 元素的 flex 属性设置为 1，如下所示：

<template>
  <div class="container">
    <span class="right">居右文本</span>
  </div>
</template>

<style>
.container {
  display: flex;
  justify-content: flex-end;
}

.right {
  flex: 1;
}
</style>

这样，span 元素就会在父元素的最右边对齐。