图片的居中显示问题
来源：3-2 动态调整图片高度
桂花糕
2015-06-16 16:42
为什么要先top 50%，然后-1*pictures[i].clientHeight/2)+'px'就算居中了呢？
不是可以用transform的translate()来进行设置嘛？
写回答
关注
2回答
-
- uhelper_net
- 2015-06-18 12:21:23
top 50%,先使图片的上边据处于父元素(容器)的中线位置,在通过js计算自身高度的一半,设置给margin-top.将图片向上提升自己高度的一半.即自身中线与父元素中线对齐.translate()不知道要传入多少值.再者translate变换后有点position:relative的味道,会使原先占用的布局(位置)保持不变,会对下面元素排版,照成一定的美观影响.而margin设置后,下面的文本等内容会随之而变.
-
- salamonjakro
- 2015-11-29 21:00:47
啊，感谢说明，看视频没转过弯来，看了你说明就懂了！
JS+CSS3实现带预览图幻灯片效果
同样的幻灯片，不一样的切换，学会实现思路，操作很简单
53759 学习 · 265 问题
相似问题