SOURCE

<table>
  <tr>
    <td>
      测试1
    </td>
    <td>测试2</td>
    <td>测试3</td>
    <td>测试4</td>
  </tr>
</table>

table{
  width:200px;
}
tr{
  display:flex;
  flex-wrap:wrap;
}
td{
  box-sizing:border-box;
}
td:nth-child(1){
  width:50%;
  background:rgba(204,204,204,0.5);
}
td:nth-child(2){
  order:1;
}
td:nth-child(3){
  display:none;
}
td:nth-child(4){
  width:50%;
  background:rgba(204,204,204,0.7);
}