为什么.slider-item-container的width是100%?

为什么.slider-item-container的width是100%?

不是要放五张幻灯片吗,我记得不应该是500% ?

正在回答

登陆购买课程后可参与讨论,去登陆

3回答

同学你好,如果要设置.slider-item-container宽度为500%的话,那么子元素需要设置宽度为20%,这样图片才能占满一屏,如下:

http://img1.sycdn.imooc.com//climg/610e40b009a9c24e07250576.jpg

自己测试下。

好帮手慕星星 2021-08-07 11:13:20

同学你好,.slider-item-container的width是100%,只能容纳一张图片,其它图片是超出的。

但是translate样式是可以平移的,例如

http://img1.sycdn.imooc.com//climg/610dfa3109277bee10211178.jpg

one默认在左侧位置,two向右平移了50px,three向左平移了50px

http://img1.sycdn.imooc.com//climg/610df9bd0909933703120476.jpg

所以即使slider-item-container盒子不够内容宽度,但也是可以平移的,左右移动就可以看到下一张或者上一张图片。自己再理解下。

好帮手慕星星 2021-08-07 10:16:43

同学你好,这里大盒子设置宽度为100%是可以的,后面的子元素是根据父盒子宽度设置的,也是100%,如果设置为500%,样式就不对了。操作移动的时候用了translate3d(),效果能实现,可以继续往下面看哦。

祝学习愉快!

  • 我这部分的已经看完了,就是这块地方不懂,老师能细讲一下吗。

    2021-08-07 10:22:59
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师