簡體   English   中英

表格行的寬度為2列,小於第一行建立的列數(3)

[英]A table row was 2 columns wide, which is less than the column count established by the first row (3)

我使用https://validator.w3.org/nu/#file來更正我的html類,但我一直收到此錯誤

警告:表行為2列寬,小於第一行(3)建立的列數。 從第31行的第31列; 到第32行的第6列

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Assignment 3B</title>
<style>
table, th, td {
    border: 1px solid black;
    background-color: #FFFFCC;
}
th, td {
    width: 25%;
}
th {
    height: 50px
}
th, td {
    padding: 10px;
}
</style>
</head>
<body>

<table>

    <tr>
    <th colspan="3"> Seasons </th> 
    </tr> 
    <tr> 
    <td rowspan="3"> March/April </td>
    <th rowspan="4"> Spring </th> 
    </tr>

    <tr>
    <td > <b> Cold </b></td> 
    </tr>
    <tr> 
    <td> Warm </td> 
    </tr> 
    <tr> 
    <th rowspan="1">
    <img src="tree1.png" alt="tree" style="width:150px;height:150px;"> 
    </th>
    <td style="background-image: url(Light_Pink_430051_i0.png)"> <b>Warm </b> </td>
    </tr>

    </table> 
</body>
</html>

請幫我

您的第一行有3列,第二和第五行有2列,第三和第四行有1列

試試這個HTML:

 table, th, td { border: 1px solid black; background-color: #FFFFCC; } th, td { width: 25%; } th { height: 50px } th, td { padding: 10px; } 
 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>Assignment 3B</title> </head> <body> <table> <tr> <!-- 2 columns only --> <th colspan="2">Seasons</th> </tr> <tr> <th>March/April</th> <th>Spring</th> </tr> <tr> <td> <b> Cold </b> </td> <td>Warm</td> </tr> <tr> <th> <img src="tree1.png" alt="tree" style="width:150px;height:150px;"> </th> <td style="background-image: url(Light_Pink_430051_i0.png)"> <b>Warm </b> </td> </tr> </table> </body> </html> 

發生此現象的原因是,您選擇的tdth包含的行th不及rowspan中定義的列數。

我不想回答您的學校問題,但我會盡力幫助您解決

因此,請記住,行會跨越,列會上下波動。 定義表時,將定義表。 然后,您可以在表格中的每一行和每一行中定義每一列。

因此,拍攝該圖像並嘗試首先考慮行

您的第一個單元格正確。 它跨越3列

然后在下一行。 第一個單元格跨越2行,第二個單元格跨越3行,第三個單元格跨越一行

在下一行中,您已經處理了第一列和第二列,並且需要定義第三個單元格

在最后一行中,您需要定義第一個單元格,第二行中已經處理了第二個單元格。 然后,您需要定義最后一個單元格

希望你能從那里拿走

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM