Html 具有水平列表的Flexbox向左添加填充

为什么Flexbox在水平列表中添加了一个左填充，即使使用了justify content:space-between

 <div class="list-container">
   <ul>
     <li>One</li>
     <li>Two</li>
     <li>Three</li>
     <li>Four</li>
     <li>Five</li>
   </ul>
</div>

jsfiddle：

---

在“ul”上添加“padding left:0”修复了该问题。

您需要删除padding use:

ul{
  padding: 0;
}

---

更新的JSFIDLE:

它采用ul的默认填充。参考：

ul{
  padding: 0;
}