1

这是我需要帮助的任务。我讨厌桌子，但这就是它所说的：

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

我的代码：

<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

4

3 回答 3

2

您想要跨越列，而不是行（colspanvs rowspan）。我想这就是你要找的。

<table>
    <tr>
       <th colspan="2">
           Title
       </th>  
    </tr>
    <tr>
       <td>First cell</td>
    </tr>                       
    <tr>
       <td>Second cell</td>
    </tr>
</table>
于 2013-04-05T01:46:16.877 回答
1

不，您的标记不正确。它甚至不符合 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代替 first td，因为它是一种标题单元格，但请注意，这会使其内容默认为粗体并居中（您可以在 CSS 中覆盖它）。

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

于 2013-04-05T04:33:23.143 回答
-1

正确的代码：

<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>
于 2013-04-05T01:32:25.683 回答