css – 需要将一个ul置于div ie6&ie7中

前端之家收集整理的这篇文章主要介绍了css – 需要将一个ul置于div ie6&ie7中前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个ul,我需要在div中居中.我所拥有的代码(您将在下面找到)适用于除了ie6& ie7其中内容浮动而不是居中.我已经删除了我的代码到基础知识.我已经尝试通过许多修复工作,但尚未成功,所以任何有关这方面的帮助将不胜感激.
//CSS
#galleryThumbs {
    width:900px;
    height:125px;
    text-align:center;
    margin:0px auto;
}
ul.thumb {
    margin:0;
    padding:0;
    list-style:none;
    display:inline-block;
}
ul.thumb li {
    width:65px;
    height:65px;
    margin:0 2px 0 2px;
    border:1px solid #ffffff;
    display:inline-block;
    float:left;
}

//HTML
<div id="galleryThumbs">
    <ul class="thumb">
        <li><img src="http://www.thewoom.co.uk/clients/lowdklea/work/01_thumb1.jpg"></li>
        <li><img src="http://www.thewoom.co.uk/clients/lowdklea/work/01_thumb2.jpg"></li>
        <li><img src="http://www.thewoom.co.uk/clients/lowdklea/work/01_thumb3.jpg"></li>
    </ul>
</div>

提前谢谢了
布伦丹

解决方法

IE 6和IE 7不支持display:inline-block

您可以使用IE CSS hack来覆盖内联块元素

zoom: 1;
*display: inline;

我会把IE条件评论中包含的那些仅限于目标IE.

演示于http://www.jsfiddle.net/gaby/qArVS/2

原文链接:https://www.f2er.com/css/214894.html

猜你在找的CSS相关文章