<div> <el-card class="box-card" shadow="always"> <div slot="header" class="clearfix"> <span>{{item.eInvoiceName}}</span> <el-button style="float: right; padding: 3px 0" type="text">操作按钮</el-button> </div> <div class="text item"> <span>开票日期:</span> <span>{{item.gmtDateFormat}}</span> </div> <div class="text item"> <span>状态:</span> <span>{{item.ticketStatus}}</span> </div> <div class="text item"> <span>金额:</span> <span>{{item.totalAmount}}</span> </div> <div class="text item"> <span>票据代码:</span> <span>{{item.eInvoiceCode}}</span> </div> <div class="text item"> <span>票据号码:</span> <span>{{item.eInvoiceNumber}}</span> </div> </el-card> </div> 这段代码中 我想让div中的apsn的内容 第一个span内容靠左 第二个span内容靠右

您可以在第一个span中添加`float: left;`属性，将其靠左，然后在第二个span中添加`float: right;`属性，将其靠右。同时，还需要将div元素的高度设为auto，以适应内容的高度。

修改后的代码如下：

<div style="height: auto;">
  <el-card class="box-card" shadow="always">
    <div slot="header" class="clearfix">
      <span style="float: left;">{{item.eInvoiceName}}</span>
      <el-button style="float: right; padding: 3px 0" type="text">操作按钮</el-button>
    </div>
    <div class="text item">
      <span style="float: left;">开票日期:</span>
      <span style="float: right;">{{item.gmtDateFormat}}</span>
    </div>
    <div class="text item">
      <span style="float: left;">状态:</span>
      <span style="float: right;">{{item.ticketStatus}}</span>
    </div>
    <div class="text item">
      <span style="float: left;">金额:</span>
      <span style="float: right;">{{item.totalAmount}}</span>
    </div>
    <div class="text item">
      <span style="float: left;">票据代码:</span>
      <span style="float: right;">{{item.eInvoiceCode}}</span>
    </div>
    <div class="text item">
      <span style="float: left;">票据号码:</span>
      <span style="float: right;">{{item.eInvoiceNumber}}</span>
    </div>
  </el-card>
</div>

这样第一个span内容就会靠左，第二个span内容就会靠右了。