五種方式，各有千秋，根據(jù)自己實(shí)際業(yè)務(wù)場(chǎng)景使用即可，業(yè)務(wù)邏輯不一樣，布局不一樣，需要的居中方式不一樣。如有不明白的地方，評(píng)論留言，感謝閱讀本文。

效果圖

完整源碼