2013-10-11 50 views
0

我有一個奇怪的問題。當我在我自己的電腦(1920x1080)上觀看我的荷蘭小型網站時,一切都很美好。但是,當我在另一臺1152x864分辨率的計算機上查看它時,最左邊的單元格中的單詞比其他單元格中的單詞要大得多(請參閱附圖),而它們都是H2,如下面的代碼所示。HTML:一個表格中的單詞比另一個更大?

有沒有人知道如何解決這個問題?這將非常感激。

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

不知是不是因爲你就像使用百分比來代替Pt或PX,一旦文本比一個句子就自動尺寸更大? –

回答

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> 
相關問題