小编Dee*_*ner的帖子

我想知道为什么flex div中的8个内联块元素被挤压并且不遵守它们的设置(宽度:50px).

http://codepen.io/anon/pen/YXJOwe?editors=110

<style>
div
{
 display: flex;
 justify-content: center;
 border: 1px solid red;
 width: 150px;
 overflow: auto;
}

a 
{
 display: inline-block;
 background:orange;
 width: 50px;
 height: 50px;
 margin: 10px;
}
</style>

<div>
  <a>1</a><a>2</a><a>3</a><a>4</a><a>5</a><a>6</a><a>7</a><a>8</a>
</div>