水平堆叠列表项,但给它们100%宽度

时间:2015-09-16 21:43:56

标签: html css html-lists

我正在制作推荐书滑块,并试图想出一种快速简便的滑动项目的方法。

目前我有一个工作版本,但它不适合移动设备。

我的目标(在我的脑海中)是将每个推荐书放在自己的列表项中,并排堆叠,但隐藏溢出的容器div只允许显示一个。然后我使用javascript向左/向右移动这个div以显示不同的项目。

这是当前的小提琴:https://jsfiddle.net/92r3yjc9/3/

正如你可以看到div是垂直的,我希望它们是水平的,但每个都保持100%的宽度,然后在一个扮演面具的div中。

目前的标记是:

val

0 个答案:

没有答案