首页 > wordpress主题功能 > 教你如何解决wordpress主题下拉菜单宽度自适应问题
摘要:当我们的制作wordpress主题导航菜单时,需要设置下拉菜单,菜单项的内容字数也不同,若定义固定的宽度就会出现排版混乱...

当我们的制作wordpress主题导航菜单时,需要设置下拉菜单,菜单项的内容字数也不同,若定义固定的宽度就会出现排版混乱等问题如何制作一个合格的、适应性强的下拉菜单?下面的方法可实现灵活变化。

通常,wordpress菜单结构这样的一串代码:

要实现 .nav ul li ul 的宽度随内容变化,需在css文件中做出以下定义:

这里的ul、li、a会有写属性继承自上层,可根据自己需要定义。

注释:white-space:nowrap 表示不换行,直至遇到
为止。min-width:80px 设置最小宽度,根据需要,可用可不用。

分享到:
赞(0) 打赏

作者: 大挖酱

挖主题团队自2014年开始专注于WordPress企业主题设计开发,致力于为更多用户打造出更漂亮、更易用、更专业的网站。距今已累计开发近50款WP主题,付费客户超过5千人。挖主题,是您可以长期信赖的合作伙伴。

付款后联系作者QQ 2243748

支付宝扫一扫

微信扫一扫