不用flex布局如何实现justify-content: space-between的效果?

cjwj
  • 628
.flex {
  display: flex;
  justify-content: space-between;
}
.i {
  width: 100px;
  height: 100px;
  background: pink;
}

clipboard.png

考虑较高的兼容性,如何实现类似效果(外容器随屏幕自适应,子容器两端对齐)?

回复
阅读 4.7k
1 个回答

text-align: justify; 不过需要hack一下,增加一个伪元素占满

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏