<table>标签里<td>靠右侧

Question

如图，用的是table布局，怎么让总价靠右？

代码

<table>
            <tr>
              <th v-for="head in tableHeads" @click="changeOrderType(head)" :class="{active:head.active}">{{ head.label }}</th>
            </tr>
            <tr v-for="item in tableData" :key="item.period">
              <td v-for="head in tableHeads">{{ item[head.key] }}</td>
            </tr>
            <tr>
                <td align="right">总价：</td>
            </tr>
          </table>

Answer 1

可以通过插入一个占位td方式，指定占位td的colspan为表格列数-1即可

<table>
  <tr>
      <th>name</th>
      <th>test</th>
      <th>age</th>
  </tr>
  <tr>
  <td colspan=2></td>
    <td> 23</td>
  </tr>
</table>

Answer 2

另外设置一个div盒子
float:right