资讯专栏INFORMATION COLUMN

不规则形状表格合并

Yi_Zhi_Yu / 3331人阅读

摘要:但是需要特别指出的是,如果一个单元格既跨行又跨列合并了,那么最好不要再让相邻单元格也跨行或跨列合并了。此时会出现如下所示的错误效果,可以看到单元格与单元格的尺寸不再一致了。

在学习表格时我们会遇到一些既跨行又跨列合并的情况,此时可以用下面这种方法来实现。

DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>Documenttitle>
    head>
    <body>
        <br>
        <br>
        <br>
        <br>
        <table width="300px" height="300px" bordercolor="blue">
            <caption>caption> 
            <tr bgcolor="antiquewhite">
                <td colspan="2" rowspan="2">td>
                <td>td>
            tr>
            <tr bgcolor="aqua">
                <td>td>
            tr>
            <tr bgcolor="aquamarine">
                <td>td>
                <td>td>
                <td>td>
            tr>
        table>
    body>
html>

但是需要特别指出的是,如果一个单元格既跨行又跨列合并了,那么最好不要再让相邻单元格也跨行或跨列合并了。

DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>Documenttitle>
    head>
    <body>
        <br>
        <br>
        <br>
        <br>
        <table width="300px" height="300px" bordercolor="blue">
            <caption>caption> 
            <tr bgcolor="antiquewhite">
                <td colspan="2" rowspan="2">td>
                <td>td>
            tr>
            <tr bgcolor="aqua">
                <td rowspan="2">td>
            tr>
            <tr bgcolor="aquamarine">
                <td colspan="2">td>
            tr>
        table>
    body>
html>

此时会出现如下所示的错误效果,可以看到单元格与单元格的尺寸不再一致了。

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/1057.html

相关文章

  • 单元格动态合并

    摘要:一般的表格控件也都开发了静态合并单元格的功能,在此基础上实现动态合并就相对容易,只要你自己制定一定的规则。对于一个单独的单元格而言,有且仅有这种之一的情况。在取到单元格数据合并之前判断数值是否包含标签来决定最终是否合并。 前言 需求是第一生产力。实际业务中的表格往往各具特色的复杂,N行N列的简单表格基本满足不了需求。今天跟大家分享的成果就来源于实际项目需求。因为我的项目基于MINIUI...

    JasinYip 评论0 收藏0
  • MySQL 超新手入门(5) JOIN 与 UNION 查询

    摘要:通常称为内部结合,它可以应付大部份的结合查询需求,内部结合有两种写法,差异在把结合条件设定在子句或子句中。使用执行结合查询除了使用上列讨论的方式外,还有另外一种结合查询语法虽然这两种写法看起来的差异很大,不过它们的想法会是一样的。 系列文章目录 1 使用多个表格 在「world」资料库的「country」表格中,储存世界上所有的国家资料,其中有一个栏位「Capital」用来储存首都...

    yuxue 评论0 收藏0
  • MySQL 超新手入门(5) JOIN 与 UNION 查询

    摘要:通常称为内部结合,它可以应付大部份的结合查询需求,内部结合有两种写法,差异在把结合条件设定在子句或子句中。使用执行结合查询除了使用上列讨论的方式外,还有另外一种结合查询语法虽然这两种写法看起来的差异很大,不过它们的想法会是一样的。 系列文章目录 1 使用多个表格 在「world」资料库的「country」表格中,储存世界上所有的国家资料,其中有一个栏位「Capital」用来储存首都...

    WalkerXu 评论0 收藏0
  • 学习 canvas 的 globalCompositeOperation 做出的神奇效果

    摘要:主要的不同是,刮刮卡效果最后需要自动擦除掉全部灰色,这里有两种方式。第二种方式,虽然不存在跨域的问题,但是,不能很好的根据刮刮卡上灰色的面积,控制最后擦除全部灰色的时机。 说明 最早知道 canvas 的 globalCompositeOperation 属性,是在需要实现一个刮刮卡效果的时候,当时也就是网上找到刮刮卡的效果赶紧完成任务就完了,这次又学习一次,希望能加深理解吧。 先来看...

    UnixAgain 评论0 收藏0
  • CSS哪些属性可以继承哪些不可继承 与 CSS优先级算法

    摘要:哪些属性可以继承哪些不可继承可继承属性字体系列属性组合字体规定元素的字体系列设置字体的粗细设置字体的尺寸定义字体的风格偏大或偏小的字体文本系列属性文本缩进文本水平对刘行高增加或减少单词间的空白增加或减少字符间的空白控制 CSS哪些属性可以继承哪些不可继承 可继承属性:1.字体系列属性font:组合字体font-family:规定元素的字体系列font-weight:设置字体的粗细fon...

    lemanli 评论0 收藏0

发表评论

0条评论

Yi_Zhi_Yu

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<