使用css实现flex布局的justify-content: space-between对齐方式

//父元素设置text-align: justify
.small_nav .small_nav_cont {
  display: block;
  text-align: justify;
}
//hack
.small_nav .small_nav_cont::after {
   100%;
  content: '';
  display: inline-block;
  overflow: hidden;
  height: 0;
}
//子元素使用行内块
.small_nav .small_nav_cont .each {
  line-height: 60px;
  display: inline-block;
}
效果如下:
原文地址:https://www.cnblogs.com/zy-rzh/p/13680038.html