将图像连续居中

时间:2013-02-18 12:35:47

标签: css image row center

我希望在“联系我们”部分的http://justinstephens.co下将图片放在一行中。

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

2 个答案:

答案 0 :(得分: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;">  

答案 1 :(得分:0)

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

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