一个表格中的单词比另一个更大?

时间:2013-10-11 07:39:20

标签: html html-table

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

有人知道如何解决这个问题吗?非常感谢。

P.S。我已将边框设置为1,因为这样可以让我们更好地看到差异。

Link to the website Website on a 1152x864 resolution

<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>

1 个答案:

答案 0 :(得分: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>