合并单元格和行宽(Colspan & Rowspan),挺有用的一个知识!

HTML标记的结构意味着你在一些列可以有四个cell,三cell,两cell等等。为了实现这一功能,您需要使用ColSpan和RowSpan属性(这些属性的值都是整数)。它可以是相当棘手的使用这些属性,所以你可能需要一些耐心。

让我们用上一章的例子,第一行只有两个cell而不是三,另外的三和四合并行第二次cell。

<table border="1" width="100%">
        <tr>
                <td colspan="2">Row 1, cell 1</td>
                <td>Row 1, cell 2</td>
        </tr>
        <tr>
                <td>Row 2, cell 1</td>
                <td>Row 2, cell 2</td>
                <td>Row 2, cell 3</td>
        </tr>
        <tr>
                <td>Row 3, cell 1</td>
                <td rowspan="2">Row 3, cell 2</td>
                <td>Row 3, cell 3</td>
        </tr>
        <tr>
                <td>Row 4, cell 1</td>
                <td>Row 4, cell 3</td>
        </tr>
</table> 

正如你所看到的,我删除了第三cell在1排和添加ColSpan属性在1排的第一个单元格。你需要知道什么,当你想创建的cell柱,跨越,跨度是总是正确的。

创建一个单元格跨越的行,你要记得,当你跨行,跨度总是向下。这意味着,你必须将在下面的行或其他表的cell不会像你预期的。

posted @ 2013-09-21 13:56  linmeiyis也学习代码  阅读(509)  评论(0)    收藏  举报
李美仪的博客,个人喜欢健长乐和html编程哦!