我在流体布局和文本对齐中有固定宽度的框：使用此发布的解决方案来调整它们：
等距 DIV 的流体宽度 https://stackoverflow.com/questions/6865194/fluid-width-with-equally-spaced-divs
但因为我在响应式布局中还有几行。
这是当然发生的：
------ ------ ------ ------
| | | | | | | |
| | | | | | | |
------ ------ ------ ------
------ ------ ------ ------
| | | | | | | |
| | | | | | | |
------ ------ ------ ------
------ ------ ------
| | | | | |
| | | | | |
------ ------ ------
但我喜欢这样：
------ ------ ------ ------
| | | | | | | |
| | | | | | | |
------ ------ ------ ------
------ ------ ------ ------
| | | | | | | |
| | | | | | | |
------ ------ ------ ------
------ ------ ------
| | | | | |
| | | | | |
------ ------ ------
当然，证明它的工作是合理的，但是有没有一个不使用 javascript 来做到这一点的解决方案呢？
我认为 text-align-last: left 可以工作，但事实并非如此，而且它还不是正式的eather。
可能的解决方案的想法：罢工>
我想出了一个可能的 JavaScript 解决方案，但我需要你的帮助。
这是我对可能的解决方案的想法：
为了使最后一行左对齐，我们实际上需要用不可见的框填充那些缺失的空间。我们可以轻松地手动完成此操作，但 div 的数量是用户生成的并且总是不同的。
因此，杂草需要知道缺少的盒子数量，并将它们附加到我们已有的盒子上，以使其正常工作：
这是我的（幼稚的）脚本想法：
1. Count all divs
2. Divide them with 4 (cause we have 4 in a row)
3. If the SolutionA has no decimal, nothing will happen cause all is good
4. If the SolutionA has a decimal, remove it
5. SolutionA + 1 = SolutionB
6. SolutionB x 4 (cause we have 4 each in a row) = SolutionC
7. SolutionC - SolutionA = Number of divs we need to add.
我不知道是否有办法找出连续有多少项将其传递给 JavaScript。这将是一个很好的原因，因为公式将适用于响应式布局，而无需在每次随浏览器宽度变化时调整行号。
这是一个好主意吗？
我希望有人愿意这样做。
这是一个可以使用的小提琴： http://jsfiddle.net/L2mPf/ http://jsfiddle.net/L2mPf/
