CSS“宽度：100％”滞后

Question

我有一个页面，其中包含以下设置：

...
  <td>
    <code>...</code> <!-- At least 10,000 of these! -->
  </td>
...

在我的CSS中我有

code {
  display: inline-block;
  white-space: nowrap;
  width: 100%;
}

问题是这在加载时非常滞后，因为它必须加载所有<code>元素才能显示第一个元素，因为它必须根据最长的宽度计算最终宽度。

有没有办法加快速度？我想直接显示前几行。它可以在完成加载后自行调整大小。