csss实现div横向等间距排列
在很多时候,都会遇到div的横向等间距排列问题,像下图这种排列,就是典型的div等间距排列。
<div class="context">
<div class="list">list1</div>
<div class="list">list1</div>
<div class="list">list1</div>
</div>
<style>
.context{
width: 300px;
height: 200px;
display:-webkit-flex;
display: flex;
//写两个这个是为了兼容性,效果都是一样的
justify-content: space-around;
}
</style>