video居中对齐样式写法

爱你三千遍斯塔克

已于 2024-02-27 13:42:56 修改

阅读量1.1k

点赞数 9

分类专栏：设计文章标签： html 前端

于 2024-01-13 01:01:41 首次发布

本文链接：https://blog.csdn.net/weixin_54048131/article/details/135564441

版权

设计专栏收录该内容

298 篇文章

订阅专栏

1、现在我想完成一个视频居中的样式，如何写

2、样式代码如下：

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>一个简单的视频提速网页</title>
</head>
<style>
    .header {
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    video {
        margin-top: 50px;
    }
</style>

<body>
    <div class="header">
        <video src="../mp4/5999e6a2ba70bfa863da83c0c6d0189a.mp4"></video>
    </div>
</body>

</html>

这样就能够居中对齐了