flex居中对齐 最右边右对齐

话不多说，直接上干货

父元素：

  display: flex;
  justify-content: center;
  align-items: center;

子元素：
由于子元素只有 align-self: flex-end; 试了一下这个是可以生效的。justify-self: flex-end; 这个不生效，百度查了一下，说flex布局没有这个属性，所以不生效。这个时候我们只需要对需要右对齐的那个子元素使用绝对定位就行了，代码如下：

position: absolute;
right: 0;

如果您觉得对您有帮助，可以送一下茶水费，谢谢！