1140px网格对齐问题

嗨，我正在建立一个库风格的网站，我非常感兴趣的是从cssgrid.net使用1140px网格，因为我觉得960px对于这个项目来说太小了。1140px网格对齐问题

我想在第一行中有三个图像，每个图像有四列，然后是其余行下面的三列图像。

问题是，一旦我这样做，两行的右边不对齐，显然画廊看起来不太好。我知道这是由于在此网格中使用百分比构建的列四舍五入引起的。然而，它仍然看起来不好，我想让它们以某种方式对齐。这有什么解决办法？

我的索引页这里代码： http://pastebin.com/c76U7J5g

要看到这种情况出现，你必须下载cssgrid.net电网

enter image description here

2012-06-28 urok93

向我们展示一些代码。 http://jsfiddle.net/ – sachleen

你可以发布你现在使用的代码吗？没有看到你当前的实现很难提供任何建议 – jackwanders

我只是从这个网格看默认代码。如果你从CSSgrid.net下载并检查列，你会明白我的意思。我还添加了我的特定index.html代码，以便您可以更清楚地看到问题。 – urok93

如果我明白发生了什么，它似乎是一个简单的错误。

您的占位符图像（猫）太小。在这个网格系统中使用占位符图片可能会很棘手，因为您必须声明您希望占位符的大小。实际上，在您的实时页面上，图像不会指定尺寸，因为它会破坏网格系统（网格会将图像缩小到适合放入列的最大尺寸）。

长话短说，占位符图像太小！在他们的大小，他们不会填补网格点，因此造成你描述的奇怪的定位。话虽如此，我总是至少放置1000px的占位符，以便它们可以正确缩小。

编辑：

尝试做基金做什么：

.last { 
float: right; 
}

是添加样式表 - 它应该对准的最后一列的右边缘。

2012-06-29 16:42:43 Connor

我不认为是这种情况，因为即使没有占位符，仍然存在这个问题，如上面截图所示，从默认代码中获取。 – urok93

好吧，我现在看到你在说什么，但是大约1-3px的错误对齐真的很重要吗？ – Connor

就我而言，是的，因为我正在建立一个画廊网站，我希望第一行是三个更大的图像，然后下一行是4个小图像。对我来说差别很明显，看起来不太好。 – urok93

基于百分比的布局不是像素完美的。我在我的一个项目中使用了css框架http://www.1140px.com/，我很满意。如果你想像素完美的布局，你可以试试它。

2012-09-12 19:32:34 sudip

回答