calc是要走的路。

只需確保運算符和操作數之間留有空格即可。

// This is correct

.class {

  width: calc(100% - 5px);

}

// This produces an error

.class {

  width: calc(100%-5px);

}

純CSS方法：

th, td {

  width: calc(100% / 7);

}

Javascript 方法：您可以獲取表格元素并分配樣式，試試這個：

let th = document.getElementsByTagName('th');

let td = document.getElementsByTagName('td');

console.log(th, td)

for(let el of th){

    el.style.width = (100 / 3) + 'px';

}

for(let el of td){

    el.style.width = (100 / 3) + 'px';

}

<table>

  <tr>

    <th>Firstname</th>

    <th>Lastname</th>

    <th>Age</th>

  </tr>

  <tr>

    <td>Jill</td>

    <td>Smith</td>

    <td>50</td>

  </tr>

  <tr>

    <td>Eve</td>

    <td>Jackson</td>

    <td>94</td>

  </tr>

</table>