如何解决前端的flex流动布局中的单个子元素位置？

<div>
   <p></p>
   <p></p>
   <p></p>
</div>

这里面给div定义了display:-webkit-flex;和flex-direction:row;align-items:center;属性，三个子元素垂直居中，justify-content:flex-end;三个元素靠右，想让第一个元素向左浮动，解决方法："我的课表"加一个样式margin-right:auto;或margin-start:auto;

参考自：https://www.zhihu.com/question/39291729