论坛

标题: 老师,为什么我小缩略图那块一直不能排在一行?知道的方法都试了,全都不行 [打印本页]

作者: 小松制造    时间: 2017-10-7 10:47
标题: 老师,为什么我小缩略图那块一直不能排在一行?知道的方法都试了,全都不行

  1. <!--  亲,使用后发个链接帮我们宣传下吧,淘宝代码免费生成网www.001daima.com  -->
  2. <!--  此处注释淘宝会自动过滤  -->

  3. <div data-title="来自淘宝代码生成网www.001daima.com" style="height:766px;">
  4.     <div class="most-footer footer-more-trigger" style="left:50%;width:1435px;height:766px;right:auto;top:auto;padding:0;border:none;left:auto;z-index:1;background-color: transparent; ">
  5.         <div class="most-footer footer-more-trigger" style="left:-242.5px;top:0px;border:none;padding:0;background-color: transparent; ">
  6.                          <div style="width:1435px; height:766px"> <div class="J_TWidget" data-widget-type="Carousel" data-widget-config="{'effect':'fade','navCls':'btn','contentCls':'neirong','autoplay':true,'interval':4,'activeTriggerCls':'hidden'}"> <div style="width:1435px; height:766px"> <ul class="neirong" style=" width:1435px; height:628px"> <li><a href="#"><img src="https://img.alicdn.com/imgextra/i3/2619579686/TB2eXQjjwoQMeJjy1XaXXcSsFXa_!!2619579686.jpg" alt=" 1.1.png"/></a></li> <li><a href="#"><img src="https://img.alicdn.com/imgextra/i2/2619579686/TB2WGn1jrsTMeJjSszgXXacpFXa_!!2619579686.jpg" alt=" 2.1.png"/></a></li> <li><a href="#"><img src="https://img.alicdn.com/imgextra/i2/2619579686/TB2QwgajrsTMeJjy1zcXXXAgXXa_!!2619579686.jpg" alt=" 3.1.png"/></a></li> <li><a href="#"><img src="https://img.alicdn.com/imgextra/i4/2619579686/TB2v8rWjrsTMeJjSszdXXcEupXa_!!2619579686.jpg" alt=" 4.1.png"/></a></li> <li><a href="#"><img src="https://img.alicdn.com/imgextra/i3/2619579686/TB2KYLQeLBNTKJjSszcXXbO2VXa_!!2619579686.jpg" alt=" 5.1.png"/></a></li> </ul> <ul class="btn footer-more-trigger" style=" float:left; margin-top:642px; padding:0; border:0; top:0; left:0; z-index:10"> <li class="hidden" style=" margin-left:0px; display:inline;"><img src="https://img.alicdn.com/imgextra/i4/2619579686/TB28YGNfqmgSKJjSsphXXcy1VXa_!!2619579686.jpg" alt=" 1.2.png"/></li> <li style=" margin-left:7px; display:inline;"><img src="https://img.alicdn.com/imgextra/i3/2619579686/TB2b7mGfqagSKJjy0FbXXa.mVXa_!!2619579686.jpg" alt=" 2.2.png"/></li> <li style=" margin-left:7px; display:inline;"><img src="https://img.alicdn.com/imgextra/i1/2619579686/TB2sh6_eLJNTKJjSspoXXc6mpXa_!!2619579686.jpg" alt=" 3.2.png"/></li> <li style=" margin-left:7px; display:inline;"><img src="https://img.alicdn.com/imgextra/i3/2619579686/TB22vY4eLBNTKJjy1zdXXaScpXa_!!2619579686.jpg" alt=" 4.2.png"/></li> <li style=" margin-left:7px; display:inline;"><img src="https://img.alicdn.com/imgextra/i1/2619579686/TB2ozPWjrsTMeJjSszdXXcEupXa_!!2619579686.jpg" alt=" 5.2.png"/></li> </ul> <ul class="footer-more-trigger" style=" float:left; margin-top:642px; padding:0; border:0; left:0; top:0; z-index:9"> <li style=" margin-left:0px;"><img src="https://img.alicdn.com/imgextra/i1/2619579686/TB2EiuDfzuhSKJjSspdXXc11XXa_!!2619579686.jpg" alt=" 1.2.png"/></li> <li style=" margin-left:7px;"><img src="https://img.alicdn.com/imgextra/i4/2619579686/TB20UIijwoQMeJjy1XaXXcSsFXa_!!2619579686.jpg" alt=" 2.2.png"/></li> <li style=" margin-left:7px;"><img src="https://img.alicdn.com/imgextra/i3/2619579686/TB2OSv6eLBNTKJjSszeXXcu2VXa_!!2619579686.jpg" alt=" 3.2.png"/></li> <li style=" margin-left:7px;"><img src="https://img.alicdn.com/imgextra/i4/2619579686/TB2JlsceLNNTKJjSspeXXaSwpXa_!!2619579686.jpg" alt=" 4.2.png"/></li> <li style=" margin-left:7px;"><img src="https://img.alicdn.com/imgextra/i4/2619579686/TB2gBiVfzqhSKJjSspnXXc79XXa_!!2619579686.jpg" alt=" 5.2.png"/></li> </ul> </div> </div> </div>         </div>
  7.     </div>
  8. </div>
复制代码



作者: 潜意式    时间: 2017-10-7 17:35
你的效果图是什么样的呢?我这边看代码小的缩略图都是被大图片盖住的。如果想要在上方,则需要将元素浮动起来。
作者: 小松制造    时间: 2017-10-16 23:44

就是要这种上下的效果,我做出来的加图层,缩略图一直是纵向派略、




欢迎光临 论坛 (http://bbs.qinxue.com/) Powered by Discuz! X3.1