问:如何修改anqicms中的导航让其靠紧密一点,显示得多一点?
答:在anqicms服务网使用的模板中,添加了好几个的导航,但是发现,一行的导航,默认就显示那么多,新的增的导航,并不会在导航上面显示,为了显示更多的栏目在导航上面,就是把栏目与栏目之间的间距,设置小一点,修改的代码如下:
在css模板文件打开文件css/style.css,找到下面的代码:
.site-nav > ul {
width: 100%;
padding: 0 20px;
box-sizing: border-box;
margin-top: 0px;
margin-bottom: 0;
height: 64px;
line-height: 64px;
}
.site-nav ul li {
display: inline-block;
position: relative;
padding: 0px 16px;
list-style: none;
border-left: 2px solid transparent;
}
改成:
.site-nav > ul {
width: 100%;
padding: 0 2px;
box-sizing: border-box;
margin-top: 0px;
margin-bottom: 0;
height: 64px;
line-height: 64px;
}
.site-nav ul li {
display: inline-block;
position: relative;
padding: 0px 2px;
list-style: none;
border-left: 2px solid transparent;
}
这样就可以了