zoukankan      html  css  js  c++  java
  • 用div和ul标签画表格进行布局兼容火狐、ie6、ie7、Opera等浏览器

    <html>
    <head>
    <style>
    <!--
    #table {
    701px!important;
    700px;
    border-top:1px #000 solid;
    }
    #table ul {
    margin:0px;
    padding:0px;
    701px!important;
    width /**/:700px;
    list-style-type:none;
    border-bottom:0px #000 solid;
    border-left:0px #000 solid;
    }
    #table li {
    float:left;
    display:block;
    margin:0px;
    padding:0px;
    139px!important;
    139px;
    width /**/:140px;
    border-right:1px #000 solid;
    border-bottom:1px #000 solid;

    }
    -->
    </style>
    </head>
    <body>
    <center>
    用div和ul标签画表格进行布局兼容火狐、ie6、ie7、Opera等浏览器

    <div id="table" style="margin-left:auto; margin-right:auto; text-align:center">
    <ul style="background-color:Silver; color:red">
    <li style="border-left:1px #000 solid;">项目编号</li>
    <li style="letter-spacing:3pt">网址</li>
    <li>名称</li>
    <li>从事业务</li>
    <li>联系电话</li>

    </ul>
    <ul>
    <li style="border-left:1px #000 solid;">1</li>
    <li>www.my400800.cn</li>
    <li><a href="http://www.my400800.cn">  400电话申请  </a></li>
    <li>400电话申请</li>
    <li>4006-1234-10</li>
    </ul>
    <ul>
    <li style="border-left:1px #000 solid;">2</li>
    <li >www.baidu.com </li>

    <li><a href="http://www.baidu.com">百度 </a></li>
    <li>中文搜索</li>
    <li>无</li>
    </ul>
    <ul>
    <li style="border-left:1px #000 solid;">3</li>
    <li>www.sohu.net</li>
    <li><a href="http://www.sohu.net">搜狐 </a></li>
    <li>新闻娱乐体育</li>
    <li>无</li>

    </ul>

    </div>
    </center>

    </body>
    </html>

  • 相关阅读:
    JWT
    activate-power-mode安装与设置
    redis备份与恢复
    stub_status监控Nginx使用情况!
    php-fpm,cgi,fast-cgi,nginx,php.ini,php-fpm.conf,nginx.conf
    Nginx 413 Request Entity Too Large
    Quartz作业调度框架
    mysql 查看是否存在某一张表
    JSTL 核心标签库
    J2EE maven pom.xml常用的jar包
  • 原文地址:https://www.cnblogs.com/jishu/p/1940110.html
Copyright © 2011-2022 走看看