0
A
回答
2
可以使用rowspan
屬性:
th {
border:1px solid #000;
height: 20px;
width: 150px;
}
<table>
<thead>
<tr>
<th rowspan="4">#</th>
<th>Name</th>
<th rowspan="2">Permanent Address</th>
<th rowspan="2">Type of Job</th>
<th rowspan="2">Start work</th>
</tr>
<tr>
<th>ID</th>
</tr>
<tr>
<th>M/F</th>
<th rowspan="2">Contract</th>
<th rowspan="2">Place of Work</th>
<th rowspan="2">Work Stops</th>
</tr>
<tr>
<th>Birth</th>
</tr>
</thead>
</table>
FYI:還有一個colspan
屬性,如果你需要跨越多個列。
1
試試這個......
body {
padding: 50px;
}
table {
width: 100%;
border-collapse: collapse;
}
td,
th {
padding: 10px;
border: 1px solid black;
}
<table>
<tbody>
<tr>
<td rowspan="4">#</td>
<td>Name</td>
<td rowspan="2">Permanent Address</td>
<td rowspan="2">Type of Job</td>
<td rowspan="2">Start work</td>
</tr>
<tr>
<td>ID</td>
</tr>
<tr>
<td>M/F</td>
<td rowspan="2">Contract</td>
<td rowspan="2">Place of Work</td>
<td rowspan="2">Work Stops</td>
</tr>
<tr>
<td>Birth</td>
</tr>
</tbody>
</table>
相關問題
- 1. 在R中,如何構造一個包含名稱包含在變量中的元素的匿名列表?
- 2. PDFsharp Ximage不包含包含一個構造函數1參數
- 3. 如何有一個行多列,而不是多行
- 4. 如何在bash中選擇一個包含多行的sqlite列?
- 5. 如何在頭文件中包含依賴項而不將其包含在包含頭文件的項目中
- 6. 如何在python中構造一個列表項的列表?
- 7. xslt:我如何使用xslt創建一個包含多個列和行的表?
- 8. 如何創建一個包含構造函數的Javascript包?
- 9. 如何在包含另一個php文件時構造javascript
- 10. 構造一個包含指針的類
- 11. 隱式轉換,通過構造一個包含多個參數
- 12. 我如何讓VS2010更喜歡一個包含目錄而不是另一個?
- 13. 只使用一個頭指針構造一個隊列鏈表
- 14. Select2:如何使列表不包含在下拉列表中和多個選擇
- 15. XPath - 不包含表頭的錶行
- 16. 如何測試一個列表是否包含另一個包含Python中特定項目的列表?
- 17. 列表理解:包含這個而不是那個(Python)
- 18. 如何查找列表/集是否包含在另一個列表中
- 19. 在C中構建一個包含多個URL參數的列表#
- 20. 如何在一個表中連接兩個包含多行的表?
- 21. 如何遍歷列表而其內容包含一個子值?
- 22. 如何在我的LINQ表達式中包含一個包含表的字段?
- 23. 如何在一個div中包含每個三個列表?
- 24. 一個包含哈希而不是多個元素的元素 - 如何解決?
- 25. 如何在一個組中包含一列而沒有不需要的值
- 26. 而不包括它在每一個構造函數
- 27. 在C#中,我該如何評估一個類的任何成員是否包含switch case或其他構造?
- 28. 「Final_Project.Member」不包含一個構造函數需要兩個參數
- 29. 不包含一個構造函數,它接受3個參數
- 30. 「的SqlConnection」不包含一個構造函數1個參數
有你在[Flexbox的(https://css-tricks.com/snippets/css/a-guide- loked對實現Flexbox /)? –