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