css横向列表间距怎么调？ css3导航栏自适应布局

<divclass="context">

<divclass="list">list1</div>

<divclass="list">list1</div>

<divclass="list">list1</div>

</div>

<style>

.context{

width:300px;

height:200px;

display:-webkit-flex;

display:flex;

//写两个这个是为了兼容性，效果都是一样的

justify-content:space-around;

}

</style>