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

Question

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

考虑较高的兼容性，如何实现类似效果（外容器随屏幕自适应，子容器两端对齐）？

Answer 1

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