使用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 {
  width: 100%;
  content: '';
  display: inline-block;
  overflow: hidden;
  height: 0;
}
//子元素使用行内块
.small_nav .small_nav_cont .each {
  line-height: 60px;
  display: inline-block;
}
效果如下:

 

 

posted @ 2020-09-16 16:52  茶叶蛋本蛋  阅读(56)  评论(0)    收藏  举报