html - CSS“宽度：100％”滞后

Question

我有一个具有以下设置的页面：

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

在我的 CSS 中，我有

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

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

有什么办法可以加快这个速度吗？我只想立即显示前几行。它可以在完成全部加载后自行调整大小。