您现在的位置是：首页 > cms教程 > dedecms教程dedecms教程

dedecms导航栏分两行显示的方法

钟召云2023-12-22 23:15:42dedecms教程已有8人查阅

导读我们知道织梦模板的默认导航只有在一行中显示，当我们的网站栏目超过10个以后，就显示不完整了，怎么办？大家一定可以想到让导航分两行显示。

我们知道织梦模板的默认导航只有在一行中显示，当我们的网站栏目超过10个以后，就显示不完整了，怎么办？大家一定可以想到让导航分两行显示。是的，我们可以通过修改系统的CSS文件，让我的导航栏分两行显示。下面是我为大家提供的修改方法：
首先请大家找到/templets/default/织梦模板.css这个文件后打开，
然后修改188行为以下内容：

.header .nav{
width:100%;
height:64px;
background:url(../images/nav-bg.gif) repeat-x;
clear:both;
overflow:hidden;
}
.header .nav ul{
height:64px;
margin:0px auto;
overflow:hidden;
}