头闻号

广州市明月亮化妆品有限公司

面膜|眼霜|沐浴液|洗面奶|护肤膏霜|护肤乳液

首页 > 新闻中心 > 科技常识:用div和ul标签画表格进行布局兼容火狐、ie6、ie7、Opera等浏览器
科技常识:用div和ul标签画表格进行布局兼容火狐、ie6、ie7、Opera等浏览器
发布时间:2024-11-30 20:30:51        浏览次数:5        返回列表

今天小编跟大家讲解下有关用div和ul标签画表格进行布局兼容火狐、ie6、ie7、Opera等浏览器 ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到了有关用div和ul标签画表格进行布局兼容火狐、ie6、ie7、Opera等浏览器 的相关资料,希望小伙伴们看了有所帮助。

复制代码代码如下:<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></li> <li><a href="https://">AIDI</a></li> <li>400电话申请</li> <li>4006-1234-10</li> </ul> <ul> <li style="border-left:1px #000 solid;">2</li> <li ></li> <li><a href="https://">AIDI</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>

来源:爱蒂网