实现span标签里的文字，第一行两边对齐，第二行右对齐

需求是，左侧的文字，第一行平铺，如果文字多余四个了，换行，右对齐

 

我用flex布局，一左一右：

html：

<div class="flex" *ngFor="let item of lists">
        <div class="justify">
          <span *ngFor="let item01 of item.title">
            {
    {item01}}
            <i></i>
          </span>
        </div>
        <span class="generalinf">{
    {item.text}}</span>
</div>　　

css:

.justify {
    display: inline-block;
    text-align: justify;
    white-space: normal;
    max-width: 100p