注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

李江讲故事

微信搜索“李江讲故事”

 
 
 

日志

 
 

ie6或者ie7兼容模式下,ul居中显示  

2014-04-09 16:37:48|  分类: asp/html |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
在chrome或者ie7正常模式下,ul的样式设置了:display:table;就可以实现居中显示,但是在在ie6或者ie7的兼容模式下,却没有效果。
原因分析:
请点此链接:ul居中显示问题

解决方法:
html代码:
<div class="div">
<ul>
<li>李江软件</li>
<li>李江软件</li>
<li>李江软件</li>
...
</ul>
</div>
css样式代码:
.div{width:auto; overflow:hidden; margin:0px auto; text-align:center;}
.div ul{width:auto; overflow:hidden; display:table;!important;*display:inline;zoom:1; margin:0 auto;}

红色部分为兼容ie6所必须的。
  评论这张
 
阅读(706)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017