Question

这是我需要帮助的作业。我讨厌表格，但这就是它所说的：

“每个表中的第一行包含一个表格单元格，该表格单元格跨越包含房地产列表名称的两列。每个表格中的第二行包含两个表格单元格。”

我的代码：

<table>
    <tr>
        <th>
            <h3>TEST</h3>
        </th>
    </tr>
    <th rowspan="2"></th>
    <td>Something here !</td>
</tr>
</table>

只是想验证我是否正确执行了此操作？这是完整的代码：

http://jsfiddle.net/4jzUc/

另外，它应该是这样的：http://screencloud.net/v/aA5Y

Answer 1

您希望跨越列，而不是行（colspan vs rowspan）。我想这就是你要找的东西。

<table>
    <tr>
       <th colspan="2">
           Title
       </th>  
    </tr>
    <tr>
       <td>First cell</td>
    </tr>                       
    <tr>
       <td>Second cell</td>
    </tr>
</table>

Answer 2

不，你的标记不正确。它甚至不符合HTML表格模型，因为您可以在文档中使用http://validator.nu并在开头拍摄<!doctype html>时看到它。更少的是，它确实做了作业所要求的。

这样的赋值非常简单：你只是一个包含两行和两列的表，只是为了使第一行只有一个单元格，它跨越两列：

<table>
  <tr><td colspan=2>Real estate name
  <tr><td>A table cell <td>Another table cell
</table>

您可以使用th而不是第一个td，因为它是一种标题单元格，但请注意，这会使其内容变为粗体并默认居中（您可以覆盖此内容） CSS）。

根据“看起来像”链接，似乎你应该只在第二行的第一个单元格中放置img元素，而第二个单元格包含文本和{{ 1}}元素。还有一点CSS。请注意，对于此输出，您需要将第二行垂直对齐到顶部（使用HTML ul属性或CSS valign属性）。

Answer 3

正确的代码：

<table>
   <tr>
       <th>
           <h3>TEST</h3>
       </th>
       <th rowspan="2">RowSpan2!</th>   
   </tr>
   <tr>
       <td>Something here !</td>
   </tr>                       
   <tr>
       <td>Something Else !</td>
   </tr>
</table>

表行跨度单元格跨度

3 个答案: