Question

一个div中有个ul,每个li都是一张图片，如何使ul水平居中呢？

Answer 1

说什么 margin 的都是菜鸟

请参考

    .a1 {
        border: 1px solid red;
    }
    .a2 {
        border: 1px solid black;
        text-align: center;
        font-size: 0;
    }
    .a3 {
        border: 1px solid green;
        height: 100px;
        width: 200px;
        list-style: none;
        display: inline-block;
        font-size: 20px;
    }

<div class="a1">
    <ul class="a2">
        <li class="a3">a3</li>
        <li class="a3">a3</li>
        <li class="a3">a3</li>
    </ul>
</div>

好像 ie7 不兼容 inline-block 所以 .a3 里要加上 *display: inline;

Answer 2

algin用这个标签呀

追问

align=center?

没反应啊

追答

你试试在div加，把ul整体居中，如果不行看看你有没有设置width

追问

没有设width

不是整个屏幕宽嘛

追答

你设一下100%，看看效果

追问

哦哦

Answer 3

给ul设置margin：0 auto；试试。

Answer 4

ul{margin: 0 auto}

追问

没反应啊

追答

如果不行的话，那就把把ul改为div

Answer 5

咯提示了