flex布局：单个元素靠边

方法一： margin-right: auto;

.father{
    width:100px;
    height:50px;
    display:flex;
    background: red;
}
.son{
    margin-right: auto;
}

方法二： flex: 1; text-align:right;

.father{
    width:100px;
    height:50px;
    display:flex;
    background: red;
}
.son{
    flex: 1;
    text-align:right;
}

效果图（靠右）：

参考链接： www.cnblogs.com/taoshihan/p…