flex布局两个子元素的时候，为什么靠左靠右，怎么解决

Question

flex布局两个子元素的时候靠左靠右，怎么解决，三个就正常

父级
width: 1400PX;
margin: 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;

Answer 1

justify-content: space-between; // 去掉

Answer 2

Flex 布局教程：语法篇

Answer 3

http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html

Answer 4

ul {
        width: 500px;
        margin: 0 auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
      }
      li{
          width: calc(100% / 3);
      }
      ul:after{
        content:"";
        display: block;
        width: calc(100% / 3);
        height: 0;
      }

<ul>
      <li>1</li>
      <li>2</li>
      <li>3</li>
      <li>4</li>
      <li>5</li>
    </ul>

Answer 5

需要给子元素加个宽度