flex布局不如table地方

    <div id="data-analy" class="DataAnalysis view">
      <div style="display: flex;margin-bottom: 15px">
        <div style="margin-right: 112px;">AppId</div>
        <div style="display: flex">
          <div style="margin-right: 15px;">100771</div>
          <div style="color:blue">复制</div>
        </div>
      </div>
      <div style="display: flex;">
        <div style="margin-right: 89px;">Appscrect</div>
        <div style="display: flex">
          <div style="margin-right: 15px;">xxxxxxxxxxxxxx</div>
          <div style="color:blue">复制</div>
        </div>
      </div>
      </div>

需要 列123456，和xxxxxxxx左对齐，如果用display:flex就需要使用margin-right去矫正，如果用table布局就直接可以把123456 和xxxxxx列对齐。除非像下图这样布局