jquery - 如何使流布局居中？

Question

我的目标是显示几个相同大小的 div，它们放在父 div 中，没有指定大小。

现在它工作正常。例如，在 1920x1080 分辨率下，我连续获得 4 个。使用 1366x768，我连续获得 3 个。

现在的问题是，每一行都是左对齐的。所以如果右边的空间不足以容纳一个div，它就会在那里，一个很大的空间。

如何使连续的div居中，我的意思是左右的空间是一样的，不管有多少个div，连续。

Answer 1

如果我正确理解您的问题，您可以使用wrapper div,display:inline-block和text-align: center嵌套元素来做到这一点，这里有一个快速的小提琴：

我已将父级居中对齐（使用边距自动），但没有必要将子 div 居中对齐。

http://jsfiddle.net/lee_gladding/qWEGm/