仅在行的最后一列中添加数据并将单元格保持为空

时间:2015-05-07 06:55:52

标签: html html-table

以下是我制作日历所做的工作。如果可能的话,如果没有这些空<td>标记,我怎么能以其他方式做到这一点,因为当我将hover CSS应用于数据单元格时,空单元格也会显示出来并且表现得像非空数据单元格。

 <tr>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>

            <td>1</td>
        </tr>

1 个答案:

答案 0 :(得分:1)

您可以像这样使用colspan

<tr>
     <td colspan="7">1</td>
</tr>

这将创建一个宽度等于7 <td> s

的单<td>

语法是

<td colspan="number">

其中number指定单元格应跨越的列数。

详细了解here

<强>更新

如果你需要在星期天设置1,那么你必须这样做

<tr>
     <td colspan="6">1</td>
     <td>1</td>
</tr>