我display:inline-block在div中text-align:center設置了一堆相同大小的塊，該div 設置為對齊塊。|        _____   _____   _____   _____       ||       |     | |     | |     | |     |      ||       |  1  | |  2  | |  3  | |  4  |      ||       |_____| |_____| |_____| |_____|      ||        _____   _____   _____   _____       ||       |     | |     | |     | |     |      ||       |  5  | |  6  | |  7  | |  8  |      ||       |_____| |_____| |_____| |_____|      ||                                            |這些塊會水平填充div，并且隨著瀏覽器窗口的縮小，一些塊會換行，從而創建更多的行和更少的列。我希望所有內容仍保持居中，最后一行對齊到左側，如下所示：|        _____   _____   _____        ||       |     | |     | |     |       ||       |  1  | |  2  | |  3  |       ||       |_____| |_____| |_____|       ||        _____   _____   _____        ||       |     | |     | |     |       ||       |  4  | |  5  | |  6  |       ||       |_____| |_____| |_____|       ||        _____   _____                ||       |     | |     |               ||       |  7  | |  8  |               ||       |_____| |_____|               ||                                     |當前發生的情況是：|        _____   _____   _____        ||       |     | |     | |     |       ||       |  1  | |  2  | |  3  |       ||       |_____| |_____| |_____|       ||        _____   _____   _____        ||       |     | |     | |     |       ||       |  4  | |  5  | |  6  |       ||       |_____| |_____| |_____|       ||            _____   _____            ||           |     | |     |           ||           |  7  | |  8  |           ||           |_____| |_____|           ||                                     |我不能像一個建議那樣添加額外的填充div，因為可以有任意數量的塊，并且行和列的數量將根據瀏覽器的寬度而變化。由于相同的原因，我也不能直接設置第7塊的樣式。無論有多少列，塊都必須始終保持居中。這是一支可以更好地演示的筆：http://codepen.io/anon/pen/IDsxn這可能嗎？我覺得肯定應該。我寧愿不要使用flexbox，因為它只有ie10 +，我想使用ie9 +。我真的很想要一個純CSS解決方案，但是如果您告訴我JS是唯一的方法，那么我很樂意看到它的實際效果。