css 行内水平均等排布方式

<div class="justify">
  <span>测试1</span>
  <span>测试2</span>
  <span>测试3</span>
  <span>测试4</span>
</div>

<style>
.justify{
   display:flex;
   display:-webkit-flex;/*safari*/
   justify-content:space-between;/*水平排布方式*/
   align-items:center;/*垂直对齐方式*/
}

</style>