我試圖讓這項作業，但它總是在第一行添加一個額外的列，即使我明確宣告它只有 1 列。我想做的是這樣的：這就是我想做的
但是，這是我所得到的是這樣
使它像第一張圖片一樣的唯一方法是使用 2 張桌子，這是我使用的，但是沒有辦法用 1 張桌子做到這一點嗎？
我的代碼：我的第二張圖片的代碼
uj5u.com熱心網友回復：
使用colspan屬性。
td {
border: solid black 1px;
height: 20px;
}<table>
<tr>
<td colspan="3">colspan = 3</td>
</tr>
<tr>
<td>colspan = 1</td>
<td>colspan = 1</td>
<td>colspan = 1</td>
</tr>
<tr>
<td colspan="3">colspan = 3</td>
</tr>
</table>uj5u.com熱心網友回復：
您可以使用colspan屬性。
The colspan attribute in HTML specifies the number of columns a cell should span. It allows the single table cell to span the width of more than one cell or column.
下面是一個作業代碼片段，它看起來幾乎與您的要求相似。
table, tr, td, th {
border: 1px solid black;
border-collapse: collapse;
}
table {
width: 100%;
}
.row1, .row2 {
height: 100px;
}
.row2 {
vertical-align: top;
}
.row1, .row3 {
text-align: center;
}<table>
<tr class="row1">
<td colspan="3">Your Name</td>
</tr>
<tr class="row2">
<td>Course 1</td>
<td>Course 2</td>
<td>Course 3</td>
</tr>
<tr colspan="3" class="row3">
<td colspan="3">Social Media accounts</td>
</tr>
</table>轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/347318.html
標籤：html
上一篇：Flex容器：有沒有辦法在容器包裝時拉伸第一個專案的高度
下一篇：Nav和Div出現的距離太遠了？