CSS - 不能正确对齐图像

Question

我无法居中对齐图像。 图像应保持在中心，不要介意屏幕的大小。 问题是图像只是中心对齐，直到特定的大小。我的屏幕非常小，所以它们完全居中，但是当我下到％75时，图像已经不是中心对齐，这使得一切都变得难看。 我将在此处保护您免受我的代码垃圾邮件的侵扰，因此请查看this page.

的来源

感谢您阅读：）

Answer 1

您将图像包装在span8 offset2 div中，该div不是为了使它们保持居中，而是为了将元素保持在设定的宽度/左偏移。

尝试设置父div这样：

#showcase .row-fluid > div { margin: 0 auto; width: 612px }

Answer 2

您的代码已经非常接近了，因为您的.head div已经被内联屏蔽，而您的#header是text-align: center。您要做的是删除offset2，然后将span8更改为span12，使其包含整个宽度。

Answer 3

持有图片的div需要

margin: 0 auto;

并且图像块需要具有：

float: none;
display: inline-block;

Answer 4

我已经在你的CSS和HTML代码中看到了这一点，如果你删除它（仅限CSS）将保持在中心。

---

HTML 的

<div class="span8 offset2">

</div>

CSS

Before
.offset2:first-child {
    margin-left: 17.094%;
}
After
.offset2:first-child {
   /* margin-left: 17.094%;*/
}