横向二级下拉菜单，怎么实现相对于父元素居中显示？

x269147836 2012-04-10 08:26:44
二级菜单的宽度都是不一致的
用css能够实现吗？
如果用js实现的思路是什么样的啊？
...全文
314 4 打赏 收藏 转发到动态 举报
写回复
用AI写文章
4 条回复
切换为时间正序
请发表友善的回复…
发表回复
x269147836 2012-04-10
  • 打赏
  • 举报
 回复
唉，想了半天，还是没实现，放弃了，用竖式的！
下拉的栏目数量和宽度都不一样的，宽度自动又没办法获取～
margin padding没办法 弄啊～
就这样吧！
凉粉zzz 2012-04-10
  • 打赏
  • 举报
 回复
margin+padding.
001007009 2012-04-10
  • 打赏
  • 举报
 回复
楼主把你的代码贴上来。
相对定位 绝对定位制作二级下拉需要掌握hover
这篇博客介绍了如何使用CSS的相对定位和绝对定位来创建二级下拉菜单。内容涵盖了纵向和横向二级下拉菜单的实现方法，特别强调了hover效果以及如何调整元素位置以达到预期的导航效果。
横向滚动菜单-选中标题居中显示
本文介绍如何在小程序中实现导航栏横向滑动并使选中元素居中的功能，包括获取设备宽度、元素宽度及位置，以及通过JS设置scrollLeft属性实现居中效果。
vue 横向菜单滚动定位_vue实现tab列表横向滚动时点击居中
本文介绍了如何使用Vue实现横向菜单的滚动定位，当点击时使被选中的菜单项居中显示。通过HTML结构、CSS样式以及JavaScript逻辑来完成这一功能。CSS部分设置菜单的布局和滚动效果，JS部分则处理点击事件，计算并调整滚动位置，确保菜单项在横向滑动时保持居中。
vue --- 横向滚动菜单
本文介绍如何使用Vue实现移动端横向滚动菜单栏，并确保选中的菜单项始终居中显示。通过具体的代码示例，详细展示了实现步骤及关键技术点。
html制作横向菜单,CSS 横向菜单的制作
这篇博客介绍了如何使用CSS的浮动属性创建横向菜单。通过修改HTML结构和应用CSS样式，特别是使用`float`属性，将导航菜单从垂直布局转变为水平布局。文章以一个简单的例子展示过程，包括定义`header`、`logo`、`menu`及其内部`h2`标签的样式，最终实现美观的横向菜单效果。
JavaScript

87,990

社区成员

224,684

社区内容

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章