如何解决导航栏换行问题(导航栏出现换行问题)

问题现象:当我们在配置中新增一个导航栏目,首页页面会出现导航栏换行问题 

首先,我们需要对模板进行备份。在调整网站模板前,请务必进行下列操作时,对模板进行备份,以防误操作导致模板错乱!

检查当前网页中的导航栏style样式。将鼠标移动到换行栏目上,右击鼠标,选择“检查”,浏览器会出现 style 样式界面。如下图:

在 style 样式界面,查看到导航间距样式,padding。目前可查看到导航之间的每个间距为 17px,手动缩小像素至 14px,可以看到页面导航栏目恢复一排显示。

前台页面恢复居中,我们需要将 style 样式加在后台模板配置中。在 style 样式界面中,可 以 查 看 到 所 属 【 样 式 类 名 】 和 【 样 式 表 】, 选 中 复 制 ( Ctrl+C )【 样 式 类 名 】

在后台【网站建设】-【模板管理】中找到具体模板下的所属样式表style.css。点击“编辑 ”,进入模板样式表界面。并全文搜索(Ctrl+F),在此输入框中粘贴(Ctrl+V)刚复制的样式类名。

找到类名,修改 padding 值间距,修改完毕,点击“确定”保存样式表。

保存完毕,强制刷新(Ctrl+F5)页面,即可看到最新的页面效果。