Html 以div数组为中心

Html 以div数组为中心,html,css,Html,Css,我试着把一堆固定大小的沙发放在中间。我希望它能够使用相对/未指定的窗口大小。只要div没有换行到下一行,下面的代码就可以工作。一旦包装好,所有的东西都会向左对齐。我们的计划是动态生成大量这些文件,并使其只能垂直滚动。我的CSS技能很弱。有什么建议吗?提前谢谢 .container{ 保证金:0自动; 显示:表格; } .街区{ 背景:#999; 浮动:左; 宽度:50px; 高度:50px; 保证金:5px; } 1. 2. 3. 4. 您可以使用显示:内联块而不是float:left,然后

我试着把一堆固定大小的沙发放在中间。我希望它能够使用相对/未指定的窗口大小。只要div没有换行到下一行,下面的代码就可以工作。一旦包装好,所有的东西都会向左对齐。我们的计划是动态生成大量这些文件,并使其只能垂直滚动。我的CSS技能很弱。有什么建议吗?提前谢谢

.container{
保证金:0自动;
显示:表格;
}
.街区{
背景:#999;
浮动:左;
宽度:50px;
高度:50px;
保证金:5px;
}

1.
2.
3.
4.

您可以使用
显示:内联块
而不是
float:left
,然后给出
文本对齐:居中到它们的父级,并且不要忘记
display:inline block发生了什么

.container{
保证金:0自动;
显示:表格;
文本对齐:居中;
}
.街区{
背景:#999;
/*浮动:左*/
显示:内联块;
宽度:50px;
高度:50px;
保证金:5px;
}

1.
2.
3.
4.
5.
6.
7.
8.
9
10
11
12
13
14
15