Question

我有一组需要在背景颜色为#eeff3的容器div中居中的列，这样当你缩小时，列保持相同的大小并居中，灰色背景保持100％宽度。链接看到当前的HTML和CSS！ jsfiddle

有人能说清楚情况吗？

jsfiddle links require code

Answer 1

删除float:left并添加display:inline-block。

查看更新的jsfiddle

.container{
     margin:0 auto;
     background: #eeeff3;
     width:100%;
     height:400px;
     text-align:center;
}
.col4{
    width:270px;
    height:400px;
    border-right:2px solid white;
    display:inline-block;
}

Answer 2

.container{
     margin:0 auto;
     background: #eeeff3;
     width:100%;
     height:400px;
     text-align:center;
}
.col4{
    width:270px;
    height:400px;
    border-right:2px solid white;
    display:inline-block;
}

Answer 3

请尝试使用此css：

.container{
     margin:0 auto;
     background: #eeeff3;
     width:100%;
     height:400px;
     text-align:center;

}
.col4{
    float:left;
    width:270px;
    height:400px;
    border-right:2px solid white;
    display:inline-block;
}

你如何将一组div放在一个包含div的中心？

3 个答案: