Html 使用<；ul>&书信电报；李>；内分区

我计划在

内制作所有图像，
内制作
。我尝试了
文本对齐：居中
，
垂直对齐：中间并且它根本不起作用

首先，我的图像在HTML中是这样的

<div id="portfolio-photos">
            <ul>
                <li>
                    <img src="" /> </a>
                </li>

                <li>
                    <img src="" /> </a>
                </li>

                <li>
                    <img src="" /> </a>
                </li>

                <li>
                    <img src="" /> </a>
                </li>

                <li>
                    <img src="" /> </a>
                </li>

                <li>
                    <img src="" /> </a>
                </li>
            </ul>
        </div>

最后，在Jsfiddle中

我想要的是我的所有图像都集中在
#公文包照片
中。有什么想法吗？
在css代码中，您为ul提供了以下样式：

#portfolio-photos ul {
        padding: 0;
        font-size: 14px;
        line-height: 14px;
        margin: 0 auto;
        text-align:center;
        display: inline-block;
        width:100%;
}

当您给一个元素
100%宽度
时，
边距：0自动不起作用。例如，只需将其更改为500px。
更改css
#公文包照片li a，#公文包照片li
，如下所示

#portfolio-photos li a, #portfolio-photos li {
width: 50px;
height: 100px;
display: inline-block; /*change to inline-block */
/*float: left;  remove */
}

这是JSFIDLE，您可以试试

<div id="portfolio-photos">
<ul>
<center><img src="img.gif" /> </a></center>
</ul>
<li>
<center><img src="img.gif" /> </a></center>
</li>
</div>






首先，您显示的是一个结束锚标记，没有开始锚。第二，img标记没有结束斜杠。@Rob是的Rob，我迟早会使用
。不管怎样，暂时放在那里是可以的。如果你想让我们帮你调试它，那就不用了。中心元素在1999年被弃用了，上个月就被淘汰了。事实上。。现在没有更多的
。无论如何谢谢你的帮助@花花公子很乐意帮忙
<div id="portfolio-photos">
<ul>
<center><img src="img.gif" /> </a></center>
</ul>
<li>
<center><img src="img.gif" /> </a></center>
</li>
</div>