2012-02-17 78 views
3

我想知道是否有什麼辦法可以使在HTML表格看起來完全一樣:HTML表格信息

http://i43.tinypic.com/21dml8l.png

我basicly需要1個大的電池,在第一列,然後9個細胞第二列。

這可能嗎?

+2

+1提供了一個非常清晰的圖像,你想要達到什麼。沒有多少人可以設法得到他們的觀點。但是,下次你真的應該自己花一些時間回答這個問題,告訴我們你到目前爲止嘗試過什麼,等等。 – 2012-02-17 11:25:06

+0

謝謝,我會聽取你的建議。 – Kosta021 2012-02-17 11:29:54

+1

http://jsfiddle.net/3D69e/12/ – Jawad 2012-02-17 11:40:19

回答

2
<table> 
    <tr> 
    <td rowspan="9"> 
     Cell 
    </td> 
    <td> 
     Cell 1 
    </td> 
    </tr> 
    <tr> 
    <td> 
     Cell 2 
    </td> 
    </tr> 
    <tr> 
    <td> 
     Cell 3 
    </td> 
    </tr> 
    <tr> 
    <td> 
     Cell 4 
    </td> 
    </tr> 
    <tr> 
    <td> 
     Cell 5 
    </td> 
    </tr> 
    <tr> 
    <td> 
     Cell 6 
    </td> 
    </tr> 
    <tr> 
    <td> 
     Cell 7 
    </td> 
    </tr> 
    <tr> 
    <td> 
     Cell 8 
    </td> 
    </tr> 
    <tr> 
    <td> 
     Cell 9 
    </td> 
    </tr> 
</table> 
+0

你錯過了很多行......表的結尾在哪裏? – CyberDude 2012-02-17 11:08:50

+0

莫名其妙地我的瀏覽器吃了一半的標記 – wintersolutions 2012-02-17 11:11:17

+0

你只有1行!有9列。這看起來像http://jsfiddle.net/YuG26/不是OP在尋找什麼。 – anothershrubery 2012-02-17 11:17:22

4

是,第一行(<tr>)具有一個與<td>rowspan=9,然後8其他行(<tr>)與一種簡單<td>

+0

謝謝,我也需要解釋。 – Kosta021 2012-02-17 11:23:43

2

基於關閉PizzaPill的答案,Cyber​​Dude的解釋,你應該有:

<table> 
    <tr> 
    <td rowspan="9">Cell</td> 
    <td>Cell 1</td> 
    </tr> 
    <tr> 
    <td>Cell 2</td> 
    </tr> 
    <tr> 
    <td>Cell 3</td> 
    </tr> 
    <tr> 
    <td>Cell 4</td> 
    </tr> 
    <tr> 
    <td>Cell 5</td> 
    </tr> 
    <tr> 
    <td>Cell 6</td> 
    </tr> 
    <tr> 
    <td>Cell 7</td> 
    </tr> 
    <tr> 
    <td>Cell 8</td> 
    </tr> 
    <tr> 
    <td>Cell 9</td> 
    </tr> 
    </tr> 
</table> 

http://jsfiddle.net/YuG26/1/

記得有第一排2 <td>的,一個在下面的行。您可以根據需要添加樣式。

+0

這些日子沒有人會加入colgroup和col! – Jawad 2012-02-17 11:45:08