修改样式使得表具编号，设备名称到最新修改时间实现每三个占一行

要将“表具编号”、“设备名称”一直到“最新修改时间”的展示改为每三个字段占一行，可以对现有的样式进行以下调整：

1. 修改 `mark-card-item` 的样式，使其子项（每个 `<div>`）在一行中按三列排列。
2. 使用 Flexbox 布局来均匀分布这些字段。

以下是修改后的代码示例：

<style lang="less" scoped>
.deviceDetial /deep/ .ant-drawer-body {
  padding: 0 24px;
}
.back-white {
  width: 100%;
  margin: auto;
  background: #fff;
  .flex-between {
    font-size: 20px;
    font-weight: bold;
  }
  .flex-between-card {
    width: 94%;
    margin: 40px auto 0;
    .mark-card-item {
      display: flex;
      flex-wrap: wrap; /* 允许换行 */
      width: 100%;
      margin: 0 0 14px;
      font-size: 14px;
      color: rgba(0, 0, 0, 0.65);
      & > div {
        display: flex;
        width: 33%; /* 每个字段占 33% 的宽度 */
        box-sizing: border-box; /* 防止内边距影响宽度 */
        padding: 10px;
        .flex-between-left {
          white-space: nowrap;
        }
        .flex-between-right {
          padding-left: 10px;
          overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-line-clamp: 3;
          -webkit-box-orient: vertical;
        }
      }
    }
  }
}
</style>

这样，每个字段将会按照三列的形式显示。具体的效果是每个 `div` 占据一行中的三分之一空间，超过三个字段后会自动换行。

### 解释
- `display: flex;` 和 `flex-wrap: wrap;` 让子元素在容器中以灵活的方式排列，并允许它们在必要时换行。
- `width: 33%;` 设置每个字段的宽度为父容器的三分之一。
- `box-sizing: border-box;` 和 `padding: 10px;` 用于保证即使有内边距，宽度也不会超出设定值。