html - 如何在 1140px 流体响应框架中居中 div？

Question

我正在使用 cssgrid.net，它是一个 12col 1140px 响应式流体框架，但我无法将事物居中。

我的网站有一个“背景尺寸：封面；” 图像，我有一个徽标，我想在浏览器中水平居中，即使它正在调整大小。

这是我拥有的 HTML：

<div class="container">
<div class="row">
    <div class="fourcol"></div>
    <div class="fourcol">
        <div class="logo"></div>
    </div>
    <div class="fourcol last"></div>
</div>

和CSS：

.logo {
        background: url(../images/logo_retina.png) no-repeat;
        background-size: 175px 175px;
    }

这是我网站顶部的样子：

徽标像应该的那样从第二组 4 列开始，但是即使在调整大小时，如何使它在该组 4 列中居中？

请记住，编码只是一种爱好。

Answer 1

假设每个div.fourcol都有相同的固定宽度，我认为这background: url(../images/logo_retina.png) no-repeat center middle;应该会有所帮助。如果它们在宽度设置为 auto 的情况下相互浮动，那么这将是一个问题，因为它div.row可能比 的累积宽度更宽div.fourcol。