flex布局中同一行內對齊左右兩端

之前實現左右對齊都是用的float，但是用float經常會出現浮動影響，有時候清浮動也不能完全消除影響，后來用了flex之后覺得挺好用，不存在這個問題，所以現在都是能用flex就用flex，以下是用flex替代float實現左右對齊的代碼

<div class="lh" style="padding: 20px 0;">
    <div style="display: flex;flex-flow: row nowrap;justify-content: space-between;background-color: white;padding: 10px;">
        <span>2017中國服務機器人大賽'</span>
        <span>2019-11-01</span>
    </div>
</div>

 

最終效果如下（專注實現功能，所以頁面比較簡陋。。。）