连续居中图像[关闭]答案

【问题标题】：Centering images in a row [closed]连续居中图像[关闭]
【发布时间】：2013-02-18 12:35:46
【问题描述】：

我希望在“联系我们”部分下的http://justinstephens.co 上将图片居中排列。

可能是一个简单的解决方案，但我似乎无法正确解决。

【问题讨论】：

欢迎来到 Stack Overflow！我们鼓励您研究您的问题。如果您有 tried something already，请将其添加到问题中 - 如果没有，请先研究并尝试您的问题，然后再回来。
好吧，我只能这样做：在第一个 li 元素中添加边距。 li:first-child { margin:0 0 0 30%; } 适用于 1024x768

【解决方案1】：

更新

以下解决方案是在 Chrome 中通过实时编辑完成的。经过进一步调查，您的 CSS 文件似乎为 #contact-images 添加了边距。删除此边距将允许以下解决方案起作用。

#contact-images {
    /*margin-left: 190px;*/
    text-align: center; 
}

这将使<ul>在联系我们下居中：

<div id="contact-images" style="text-align: center;">

仍有轻微的错位。移除 <ul> 元素的填充以解决此问题。

<ul style="padding: 0 0 0 0;">

【讨论】：

【解决方案2】：

将text-align:center 添加到ID 为contact-images 的元素中。以下仅用于演示目的：

<div id="contact-images" style="text-align: center;"> [...] </div>

【讨论】：