html - WordPress:有条件的动态菜单

Question

我有一个 WordPress 网站，其中菜单 float 到标题中 Logo 的右侧。 Logo 约占宽度的 25%，其余 75% 包含 7 个菜单选项。如果添加第 8 个菜单选项，它会超出可用空间，整个菜单基本上会向下移动到 Logo 下方。我相信你们中的许多人都熟悉这种菜单响应。

如果菜单降到 Logo 下方，我希望能够实现一组特定的新样式。所以换句话说，这不是基于浏览器大小，而是基于客户最终可能添加到站点的菜单数量。有谁知道实现它的正确语法或方法？

提前致谢!

Answer 1

去年 4 月，他们发布了 flex 属性的更新版本，这适用于大多数浏览器，下至 IE10。它类似于内联 block 显示内容，但它会插入宽度，并允许对任何响应式内联元素提高灵 active

这是对其功能的完整描述。 http://css-tricks.com/snippets/css/a-guide-to-flexbox/

看看这个 fiddle

http://jsfiddle.net/yznby99f/3/

基本上，您会将这些显示属性放在您希望内联显示的任何内容的父级上。

display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -ms-flexbox;/* TWEENER - IE 10 */
display: -webkit-flex;/* NEW - Chrome */
display: -moz-box; /* MOZILLA */
display: flex; /* standard syntax */