本文简介:问:如何修改anqicms中的导航让其靠紧密一点,显示得多一点? 答:在anqicms服务网使用的模板中,添加了好几个的导航,但是发现,一行的导航,默认就显示那么多,新的增的导航,并不会在导航上面显示,为了显示更多的栏目在导航上面,就是把栏目与栏目之间的间距,设置小一点,修改的代码如下: 在css模板文件打开文件css/style.css,找到下面的代码: .site-nav > ul {

问:如何修改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;
}

这样就可以了

本站部分内容来源于网络,如有侵犯您的版权,请联系我们反馈,本站将在三个工作日内改正。
站长在线公众号