2014-10-06 74 views
1

嘗試理解第三行未正確調整的原因。當colspan設置爲1(而不是2)時,它會正確調整。使用單元格寬度和colspan

<table border="1" style="width:3in;"> 
    <tr> 
     <td></td><td></td><td></td> 
    </tr> 
    <tr> 
     <td colspan="3">123</td> 
    </tr> 
    <tr> 
     <td style="width:0.5in;" colspan="2" >12</td> 
     <td>3</td> 
    </tr> 
</table> 
+0

我沒有特殊的權力,這是我能向你分享什麼看。 http://jsbin.com/viqoze/1/edit。你能更好地解釋什麼是錯的? – 2014-10-06 01:17:04

+0

[我認爲這是完美的](http://jsbin.com/tezekutepona/1/edit)。 – 2014-10-06 02:05:41

+0

第三行的前2列應該是0.5in(總計)。但他們不是。該表並未相應調整大小。 – Robbie 2014-10-06 02:52:51

回答

0

看起來,儘管情況很簡單,但它超出了瀏覽器實現寬度設置的能力。作爲一種解決方法,不是在佔用兩列的單元格上設置寬度,而是直接在這些列上設置寬度。不幸的是,這意味着你需要將0.5in的寬度分成固定的部分。要平均分配吧,<table ...>標籤後添加以下標籤:

<col style="width: 0.25in"> 
<col style="width: 0.25in"> 
<col> 
相關問題