这是一个创建于 4064 天前的主题，其中的信息可能已经有所发展或是发生改变。
http://www.cssscript.com/demo/pure-css-content-slider-with-keyboard-navigation/
具体点完左右就知道了，左侧会累加，右侧则会减少，然后多于10张之后就完全变了，根本就点不着了。
有没有人明白我的意思？怎么解决？
具体点完左右就知道了，左侧会累加，右侧则会减少，然后多于10张之后就完全变了，根本就点不着了。
有没有人明白我的意思？怎么解决？
 | 1 abelyao 2014-10-23 10:53:58 +08:00 应该是几个 label 之间的空隙造成的，这个 demo 做得比较简陋，就是提供了一个思路，自己重写应该可以实现，同时不会有这个问题 |
| 3 abelyao 2014-10-23 11:08:57 +08:00 @Hack38 我看了一下它的代码，幻灯片的移动，采用的是 translate3d 属性，我觉得应该不需要用到这个，我也来做一个试试看，有意思 |
| 4 abelyao 2014-10-23 11:26:16 +08:00 |
| 7 abelyao 2014-10-23 13:23:44 +08:00  1 @Hack38 我直接用它的代码测试了一下，其实就是 label 之间有空格（换行）导致的，你试试不要换行，每个 label 标签都连在一起，就不会了 |
 | 8 Hack38 OP @abelyao 你是如何发现的？ <label for="slide1">Slide 1</label><label for="slide2">Slide 2</label><label for="slide3">Slide 3</label><label for="slide4">Slide 4</label> 这玩意儿害我不浅啊！ |
 | 9 emric 2014-10-23 13:38:36 +08:00 inline-block 的关系中间的空格和制表符会产生间隙. |
| 10 abelyao 2014-10-23 14:23:30 +08:00 |
 | 11 crs0910 2014-10-23 17:17:21 +08:00 外层font-size:0;里层font-size恢复正常 |
 | 12 acthtml 2014-10-23 17:22:24 +08:00 这个幻灯想法很独特啊，赞一个。 |
 | 13 Execution 2014-10-23 17:26:45 +08:00 链接挂了，我这边打不开。 |
 | 14 pcar 2014-10-24 13:55:33 +08:00 思路不错，用的for属性。但是这样语义化就不好了。 |
Select Language