У меня есть контейнер плиток (или элементов div), и я хочу, чтобы контейнер был отцентрирован, а плитки оставлены выровненными в контейнере.

так что если окно маленькое:

..[s][s][s]..
..[s][s].....

Если окно немного расширено:

...[s][s][s]...
...[s][s]......

далее: Я

.[s][s][s][s].
.[s]..........

мы пробовали:

#container's-parent: { display: block; text-align: center; }
#parent: { display: inline-block; text-align: left; }
.tiles: { display: inline-block }

но это неПохоже на работу.

Я хочу, чтобы это работало как минимум в Chrome, но мне также необходимо в конечном итоге поддерживать последние версии FF, Safari и IE 10+