我怀疑这是一个 javascript 技巧，但请随时告诉我，有一种纯 CSS 方法可以做到这一点。
我有一个项目列表（在本例中为图片），我想在类似布局的网格中显示这些项目。我的要求很简单：
- 每个项目之间的间距相等
- “对齐”对齐，即一行的第一个元素粘在左边，最后一个元素粘在右边。
- 每行的项目数根据屏幕宽度而变化。
我尝试了几件事，但每件事都有一些问题：
li.item { padding-right: somepx; } li.item:nth-child { padding-right: 0px; }- nth-child 需要随着屏幕尺寸的变化而变化。
li.item { padding-left: some/2px; padding-right: some/2px; }- 第一个和最后一个项目不会粘在边缘。
如您所见，我只能实现上述 3 个要求中的 2 个，有什么好的跨浏览器兼容技巧可以启发我吗？
谢谢！