• CSS定义不规则图片排版


    实现效果如下:

    http://yxkt.web-179.com/test/test11.html

    html代码:


    <table class="" width="950" border="1" cellpadding="0" cellspacing="0" height="590">
    <tbody>
    <tr>
    <td colspan="2" rowspan="2" valign="middle" width="290" align="center" height="386"><a class="upupwunav009" href="http://www.baidu.com"></a></td>
    <td colspan="3" valign="middle" width="221" align="center" height="206"><a class="upupwunav010" href="#" target="_blank"></a></td>
    <td colspan="3" valign="middle" width="221" align="center" height="206"><a class="upupwunav011" href="#" target="_blank"></a></td>
    <td colspan="2" valign="middle" width="218" align="center" height="206"><a class="upupwunav012" href="#" target="_blank"></a></td>
    </tr>
    <tr>
    <td colspan="5" valign="middle" width="371" align="center" height="180"><a class="upupwunav013" href="#" target="_blank"></a></td>
    <td colspan="3" rowspan="2" valign="middle" width="289" align="center" height="383"><a class="upupwunav014" href="http://www.baidu.com"></a></td>
    </tr>
    <tr>
    <td colspan="3" valign="middle" width="318" align="center" height="203"><a class="upupwunav015" href="#" target="_blank"></a></td>
    <td colspan="4" valign="middle" width="343" align="center" height="203"><a class="upupwunav016" href="#" target="_blank"></a></td>
    </tr>
    <tr>
    <td><img alt="" width="189" height="1"></td>
    <td><img alt="" width="101" height="1"></td>
    <td><img alt="" width="28" height="1"></td>
    <td><img alt="" width="63" height="1"></td>
    <td><img alt="" width="130" height="1"></td>
    <td><img alt="" width="60" height="1"></td>
    <td><img alt="" width="90" height="1"></td>
    <td><img alt="" width="71" height="1"></td>
    <td><img alt="" width="29" height="1"></td>
    <td><img alt="" width="189" height="1"></td>
    </tr>
    </tbody>
    </table>
  • 相关阅读:
    深度优先搜索
    哈希算法
    双指针问题
    基本概念
    Ionic JPush极光推送二
    一条sql获取每个类别最新的一条记录
    Ionic App 更新插件cordova-plugin-app-version
    Ionic跳转到外网地址
    Ionic cordova-plugin-splashscreen
    Web API 上传下载文件
  • 原文地址:https://www.cnblogs.com/yuxiuting/p/2244528.html
Copyright © 2020-2023  润新知