Question

这是在Firefox上发生的，而在chrome上运行良好。

最后一个单元格占用更多空间，然后将其分配给该单元格。所有值的总和为100％。

考虑以下代码：

export class AppComponent {
  closeResult: string;
  bellowContent = [];
  table = [
  {
    "id": 1,
    "first":"Robin",
    "last": "William",
    "title": "back end developer",
    "hobbies": [
      {
        "hobbie": "tv",
        "frequency": "3 hours a day"
      },
      {
        "name": "game",
        "frequency": "2 hour per day"
      }
    ]
  },{
    "id": 2,
    "first":"Mark",
    "last": "Thornton",
    "title": "front end developer",
    "hobbies": [
      {
        "name": "tv",
        "frequency": "3 hours a day"
      },
      {
        "name": "game",
        "frequency": "2 hour per day"
      }
    ]
  },{
    "id": 3,
    "first":"Tary",
    "last": "Huction",
    "title": "front end developer",
    "hobbies": [
      {
        "name": "tv",
        "frequency": "3 hours a day"
      },
      {
        "name": "game",
        "frequency": "2 hour per day"
      }
    ]
  }
]


  open(tableRow) {
      this.bellowContent = tableRow
  }
}

这是在Chrome上的：Chrome

这是在Firefox上的：Firefox

在Linux上进行了测试，Firefox版本：Quantum 66.0.4，Chrome版本：74.0.3729.169

Answer 1

像这样编辑最后一行。

<td style="background-color:#FFC8EC;border-top:1px solid #a6a6a6;border-right:1px solid #a6a6a6;border-bottom:1px solid #a6a6a6; width:0.19% !important" width="0.19%"></td>

表格单元格宽度在Firefox上未正确累加

1 个答案: