合并单元格和行宽(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不会像你预期的。

转载于:https://www.cnblogs.com/linmeiyis/p/celllie.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值