php - 根据里面的菜单数量调整导航栏

标签 php jquery css cakephp

CakePHP 的新手,试图制作一个导航栏,根据它所拥有的菜单数量进行 self 调整。

详细说明这里有一张图片: enter image description here 导航栏根据登录的人动态变化。例如,当 A 登录时,导航栏有 6 个菜单,当 B 登录时,它有 4 个菜单,C 登录时也是如此。

我该怎么做?不熟悉这个术语,这就是我的研究可能不够充分的原因,但到目前为止,一位 friend 告诉我可以用 CSS 和 jQuery 来完成。

最佳答案

一个好的方法是对菜单使用 display: tablewidth: 100%,以及 display: table-cell对于菜单项。这将使元素水平显示。

然后你应该使用 javascript(或者在你的情况下,jQuery)来设置元素宽度。

我制作了一个 fiddle ,展示了一个简单的解决方案:http://jsfiddle.net/8Qh8h/

关于php - 根据里面的菜单数量调整导航栏,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23818084/

相关文章:

php - 如何从 Vue 对 Laravel 执行批量删除?

php - mysql 语句在 php 代码中无法正常工作

javascript - 如何在浏览器中绕过 CORS 安全性?

jquery - 为什么我得到 "blocked:mixed-content"?

php - 如何使用 jquery 检查动态复选框

html - 如何强制我的跨度具有定义的高度?

php - Laravel,仅按日期过滤时间戳

jquery - 使用 Backbone 进行正确的 UI 操作

html - CSS 视口(viewport)问题 : vh vs. 100%

CSS 边框渐缩