每个受影响的元素增加 css 值

Increasing a css value per each element affected

我有无数个元素,我想将它们并排放置,这些元素有一个 class 称为“盒子”,我想将每个盒子分开 10 像素,所以我想随着每个元素的增加 属性 剩下 10 px,这意味着第一个元素将获得 0 px,第二个 10 px 第三个 30 px ....直到 n 个元素将获得 10 * n px,我怎么能这样做吗?我使用 html css javascript php 和 jquery

谢谢

更新:

根据用户的输入,可以使用插件轻松实现要求 Swiper,请在下面找到示例。

JSFiddle

旧答案:

我试过你问的,看起来呃UGLY,第一个版本是并排放置元素。我使用 float:leftmargin-left 而不是 left.

JSFiddle

第二个版本有position:absolute请检查这个。

JSFiddle

你是不是碰巧想做这样简单的东西?

JSFiddle

这对你有帮助吗?