白沐沐vccc 2022-03-21 21:38 采纳率: 96.2%
浏览 26
已结题

如何实现和淘宝这样的效果

为什么我用的列表来做的这个缩小页面，小li就会换到下一行，而不是像淘宝一样直接看不到并且不影响其他li的显示效果

img

img

img


这是我这部分的代码

img

img

  • 写回答

1条回答 默认 最新

  • 你好！机器人 2022-03-21 22:32
    关注

    ul给个固定宽度就可以了

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题？

  • 前端入门 HTML+css实现静态淘宝
    2021-12-23 17:18
    在实现淘宝页面的样式时，你可能需要掌握以下CSS技术： 1. **响应式设计**：使用媒体查询（`@media`）来确保页面在不同设备和屏幕尺寸下都能正常显示。 2. **盒模型**：理解`margin`、`padding`、`border`和`content...
  • 仿照淘宝页面前端基础技术集源码
    2024-04-23 21:58
    淘宝页面，作为电商领域的佼佼者，其前端技术集自然也是业界翘楚。这套技术集不仅确保了页面的流畅运行和优秀的用户体验，还为大量的业务场景提供了稳定的技术支撑。 首先，HTML（HyperText Markup Language，超...
  • 前端实际开发案例, html 开发前端代码及实现效果
    2024-11-17 17:01
    在现代网页开发中，HTML作为构建网站的骨架，与CSS...前端开发中HTML和CSS是构建页面的基础，而JavaScript及其框架如Vue.js则是实现复杂交互和动态效果的关键。掌握这些基础技能和实现方法对于前端开发者来说至关重要。
  • 前端实现淘宝轮播图效果-5种方法实现
    2023-07-29 19:04
    一花一world的博客 通过设置@keyframes规则和animation属性，可以实现图片的切换和动画效果。使用JavaScript的定时器（）可以实现自动切换图片的效果。通过监听定时器事件，在一定时间间隔内切换图片，并添加过渡效果。可以使用一些...
  • 淘宝前端图片放大效果
    2018-03-26 14:42
    本文将深入探讨淘宝前端图片放大的实现原理和相关技术，以及如何利用jQuery实现这一功能。 一、前端图片放大效果的重要性 1. 提升用户体验：用户可以更方便地查看商品细节，无需离开当前页面即可进行放大操作。 2. ...
  • 原生js实现淘宝放大镜效果
    2023-10-19 16:33
    原生js实现淘宝放大镜效果，轻轻松松达到淘宝预览商品放大商品时的效果，不管是初级前端开发工程师，还是高级开发工程师，这个小项目可能会在实际开发项目过程中用得到，希望能让大家提升js功底，原生js实现淘宝放大...
  • js实现淘宝首页的banner栏效果
    2020-10-15 22:57
    通过上述知识点的介绍，我们可以看到实现淘宝首页banner栏效果是一个涉及到HTML布局、CSS样式设计和JavaScript交互的综合过程。在开发类似动态效果时，开发者需要掌握一定的前端开发技能，包括HTML、CSS、JavaScript...
  • JavaScript实现仿淘宝商品购买数量的增减效果
    2020-12-28 20:09
    近期在开发一个地方O2O租书项目，使用ASP.NET MVC技术，其中在图书详情页，用户可以输入借阅的数量，这里使用了js来控制数量的增减和校验。 1.数量一定是数字 2.点击增减按钮的时候要能自动加1或减1 3.用户输入的...
  • 淘宝商品放大镜效果代码
    2024-10-06 14:34
    淘宝商品放大镜效果代码，是一种网页交互技术，主要应用于在线购物平台，比如淘宝等电商网站中。这种技术的核心功能是，当用户想要查看商品的细节时，可以通过鼠标移动或者其他指针设备，使商品的部分区域在屏幕上...
  • 前端毕业设计——淘宝网
    2021-10-14 17:58
    【前端毕业设计——淘宝网】项目是一个以Vue2.0和Vuex为核心技术构建的电商网站，旨在模拟淘宝网的基本功能。在这个项目中，开发者利用现代前端技术栈，实现了用户友好的界面和交互，以及一些关键的电商特性。以下是...
  • 没有解决我的问题, 去提问

问题事件

  • 系统已结题 4月2日
  • 已采纳回答 3月25日
  • 创建了问题 3月21日