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>

原文地址:https://www.cnblogs.com/zty-Love/p/11251901.html