用选择器+ flex布局 解决discuz! 横排失效的问题

最近在PC版增加了素材导航，然后里面有八个子导航，本来是想弄横排导航，但是DZ后台的横排功能失效，最终经过各种搜索研究，用了伪类选择器+flex 布局实现了两列下拉导航。

[CSS] 纯文本查看 复制代码

.nav_slide ul.p_pop:nth-child(6) {  }
  /* .nav_slide ul.p_pop这里改为自己对应的样式，括号里面的是第几个元素*/  

.container {  
    display: flex;  
    flex-wrap: wrap; /* 允许换行 */  
    justify-content: space-between; /* 子元素之间的空间分布 */  
  }  

 .nav_slide ul.p_pop:nth-child(6) {display: flex;
flex-wrap: wrap; /* 允许换行 */  
    justify-content: space-between;/* 子元素之间的空间分布 */  
}
   .nav_slide ul.p_pop:nth-child(6) li {display: block;width: calc(50% - 0px);}
/* 我想显示两列，所以设置50%，后面的是元素之间的间距 */