相关疑难解决方法(0)

如何同时使瓷砖居中并左对齐

我有一个瓷砖(或div)的容器,我希望容器居中,而瓷砖在容器中左对齐.

所以如果窗口很小:

..[s][s][s]..
..[s][s].....
Run Code Online (Sandbox Code Playgroud)

如果窗口稍微加宽:

...[s][s][s]...
...[s][s]......
Run Code Online (Sandbox Code Playgroud)

进一步:

.[s][s][s][s].
.[s]..........
Run Code Online (Sandbox Code Playgroud)

我试过了:

#container's-parent: { display: block; text-align: center; }
#parent: { display: inline-block; text-align: left; }
.tiles: { display: inline-block }
Run Code Online (Sandbox Code Playgroud)

但这似乎不起作用.

我希望至少在Chrome中使用它,但我还需要最终支持最新的FF,Safari和IE 10+

html css css3

9
推荐指数
1
解决办法
1951
查看次数

标签 统计

css ×1

css3 ×1

html ×1