元素居中网格中的最后一行左对齐

这是一个非常简单的Javascript（以及CSS中的一些小更改）解决方案：

对我来说很好。

CSS：

.container {  margin: 0 auto;  max-width:960px;  background-color: gold;}.block {  background-color: #ddd;  border:1px solid #999;  display: block;  float: left;  height: 100px;  margin: 4px 2px;  width: 100px;}

Javascript：

$(document).ready(function(){    setContainerWidth();});$(window).resize(function(){   setContainerWidth();});function setContainerWidth(){    $('.container').css('width', 'auto'); //reset    var windowWidth = $(document).width();    var blockWidth = $('.block').outerWidth(true);    var maxBoxPerRow = Math.floor(windowWidth / blockWidth);    $('.container').width(maxBoxPerRow * blockWidth);}

jQuery是必需的:)