CSS 中如何讓視頻居中？

方法一：
給視頻（video）標(biāo)簽設(shè)置以下樣式：
display: block;    /*將視頻顯示為塊級元素*/
margin: auto;    /*自動居中*/
方法二：
給視頻的外層容器（div）設(shè)置以下樣式：
display: flex;    /*使用彈性盒子布局*/
justify-content: center;    /*水平居中*/
align-items: center;    /*垂直居中*/
方法三：
使用 CSS transform 屬性：
給視頻的外層容器（div）設(shè)置以下樣式：
position: relative;    /*相對定位*/
left: 50%;    /*向左移動 50%*/
transform: translateX(-50%);    /*再往左移動自身寬度的一半，即居中*/