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