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>

 

posted @ 2019-07-26 17:44  zty_Love  阅读(...)  评论(... 编辑 收藏