css橫向列表間距怎么調？

橫線排列舉例如下：

<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>