Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/38.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 如何在1140px流体响应框架中居中放置DIV?_Html_Css - Fatal编程技术网

Html 如何在1140px流体响应框架中居中放置DIV?

Html 如何在1140px流体响应框架中居中放置DIV?,html,css,Html,Css,我使用的是cssgrid.net,它是一个12col 1140px响应流体框架,我无法将东西集中起来 我的网站有一个“背景尺寸:封面”图像,我有一个徽标,我想在浏览器中水平居中,即使它正在调整大小 这是我的HTML: 这就是我的网站顶部的外观: 徽标从第二组4列开始,就像它应该的那样,但是如何使其在该组4列中居中,即使在调整大小时也是如此 请记住编码只是一种爱好。假设每个div.fourcol都有相同的固定宽度,我认为背景:url(../images/logo_retina.png)没有重复的

我使用的是cssgrid.net,它是一个12col 1140px响应流体框架,我无法将东西集中起来

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

这是我的HTML:

这就是我的网站顶部的外观:

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


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

假设每个
div.fourcol
都有相同的固定宽度,我认为
背景:url(../images/logo_retina.png)没有重复的中间应该有帮助。如果它们在宽度设置为“自动”的情况下彼此浮动,则会出现问题,因为
div.row
可能比
div.fourcol

的累积宽度宽。是的,据我所知,每列的宽度相同。我只需要将徽标放在中间的div.fourcol中。我尝试了你的中-中方法,但没有结果。我的错误是,这个解决方案是准确的!
<div class="container">
<div class="row">
    <div class="fourcol"></div>
    <div class="fourcol">
        <div class="logo"></div>
    </div>
    <div class="fourcol last"></div>
</div>
.logo {
        background: url(../images/logo_retina.png) no-repeat;
        background-size: 175px 175px;
    }