2017-10-04 98 views
0

我需要使表象下面這樣:一個非常簡單的HTML表格

enter image description here

這裏是我的代碼,邏輯上似乎一切都被正確地寫入,但如果你刪除多餘的單元格,然後一切都休息。在哪裏可能會出現錯誤? 非常喜歡,我問的幫助

<table border=1> 
 
    <tr> 
 
    <td>One</td> 
 
    <td>Two</td> 
 
    <td>Three</td> 
 
    </tr> 
 
    <tr> 
 
    <td>Four</td> 
 
    <td>Five</td> 
 
    <td rowspan=2>Six</td> 
 
    </tr> 
 
    <tr> 
 
    <td rowspan=2>Seven</td> 
 
    <td rowspan=2>Eight</td> 
 
    <td>Extra</td> 
 
    </tr> 
 
    <tr> 
 
    <td>Nine</td> 
 
    </tr> 
 
</table>

+1

@Liam我認爲,按附件意思s圖片顯示..也許.. – rmjoia

+0

是的,這個問題可以很容易,但我無法弄清楚...如何使圖像相同的表? – Xom9ik

+0

@Liam我從原來的帖子裏瞭解到提問者很好。他們發佈了他們的目標和他們曾嘗試過的內容。我不明白的是,爲什麼你刪除了他們的代碼片段,以便人們能夠快速查看提問者嘗試的內容。 –

回答

2

這裏你 - 我剛纔添加文本到高/合併單元格的第二行,但它(只)的作品而沒有「額外」電池:

table { 
 
    border-collapse: collapse; 
 
} 
 
td { 
 
    border: 1px solid #444; 
 
}
<table> 
 
    <tr> 
 
    <td>One</td> 
 
    <td>Two</td> 
 
    <td>Three</td> 
 
    </tr> 
 
    <tr> 
 
    <td>Four</td> 
 
    <td>Five</td> 
 
    <td rowspan=2>Six<br>X</td> 
 
    </tr> 
 
    <tr> 
 
    <td rowspan=2>Seven<br>X</td> 
 
    <td rowspan=2>Eight<br>X</td> 
 
    </tr> 
 
    <tr> 
 
    <td>Nine</td> 
 
    </tr> 
 
</table>

+0

非常感謝!一切正常 – Xom9ik