html - 一个表格单元格中的单词比另一个大？

Question

我有一个奇怪的问题。当我在自己的电脑 (1920x1080) 上观看我的荷兰迷你网站时，一切看起来都很好。但是当我在另一台分辨率为 1152x864 的计算机上查看时，最左边单元格中的单词明显大于其他单元格（见附图），而它们都是 H2，如下面的代码所示。

有人知道如何解决这个问题吗？那将不胜感激。

PS 我已将边框设置为 1，因为这使我们能够更好地看到差异。

链接到网站

<tr align='center'>
<h2>
<td width='25%' style='word-wrap: break-word;'>Onderwerp</td>
<td width='25%' style='word-wrap: break-word;'>Lijdend voorwerp</td>
<td width='25%' style='word-wrap: break-word;'>Meewerkend voorwerp</td>
<td width='25%' style='word-wrap: break-word;'>Bezittelijk voornaamwoord</td>
</h2>
</tr>

Answer 1

您的 HTML 无效，可能会出现奇怪的结果。<tr>只能有<td>或<th>作为直接子元素。

你可以试试：

<tr align='center'>
<td width='25%' style='word-wrap: break-word;'><h2>Onderwerp</h2></td>
<td width='25%' style='word-wrap: break-word;'><h2>Lijdend voorwerp</h2></td>
<td width='25%' style='word-wrap: break-word;'><h2>Meewerkend voorwerp</h2></td>
<td width='25%' style='word-wrap: break-word;'><h2>Bezittelijk voornaamwoord</h2></td>
</tr>