用div和ul标识画报表开展合理布局适配火狐、ie

2021-01-20 15:50 jianzhan

拷贝编码
编码以下:

<html>
<head>
<style>
<!--
#table {
width:701px!important;
width:700px;
border-top:1px #000 solid;
}
#table ul {
margin:0px;
padding:0px;
width: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;
width:139px!important;
width: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.jb51.net</li>
<li><a href="https://www.jb51.net">脚本制作之家</a></li>
<li>400电話申请办理</li>
<li>4006⑴234⑴0</li>
</ul>
<ul>
<li style="border-left:1px #000 solid;">2</li>
<li >www.jb51.net</li>
<li><a href="https://www.jb51.net">脚本制作之家</a></li>
<li>汉语检索</li>
<li>无</li>
</ul>
<ul>
<li style="border-left:1px #000 solid;">3</li>
<li>www.baidu.com</li>
<li><a href="http://www.baidu.com">百度搜索 </a></li>
<li>新闻游戏娱乐体育</li>
<li>无</li>
</ul>
</div>
</center>
</body>
</html>