开发者社区问答正文

如何给下面这个图片中的模块进行布局？

如图，设计师就喜欢这个风格，试问我该如何布局
screenshot

展开

收起

杨冬芳 2016-06-03 16:59:06 1554 版权

1 条回答

写回答

取消提交回答

杨冬芳

IT从业

table
rowspan
colspan
screenshot

 <body>
    <style>
      .a{
        background-color:red;
      }
      .b{
        background-color:yellow;
      }
      .c{
        background-color:black;
      }
      .d{
        background-color:green;
      }
      .e{
        background-color:blue;
      }
      .f{
        background-color:gray;
      }
      .g{
        background-color:pink;
      } 
      .h{
        background-color:orange;
      }
      .i{
        background-color:purple;
      }      
    </style>
    <table>
      <tr>
        <td class="a" rowspan="2">1</td>
        <td class="b">2</td>
        <td class="c" colspan="2">3</td>
        <td class="d" rowspan="2">4</td>
      </tr>
      <tr>
        <td class="e" colspan="2">5</td>
        <td class="f" rowspan="2">6</td>
      </tr>
      <tr>
        <td class="g" colspan="2">7</td>
        <td class="h">8</td>
        <td class="i">9</td>
      </tr>
    </table>
  </body>

http://plnkr.co/edit/x2GGSeeTPbkOD8TDCkKA

2019-07-17 19:26:53

赞同展开评论

问答地址：

开发者社区 > 云计算 > 问答

探索云世界

热门

云计算

大数据

云原生

人工智能

数据库

开发与运维

活动广场

任务中心

训练营

直播

乘风者计划

下载

镜像站

技术资料

如何给下面这个图片中的模块进行布局？