[分享]css中如何让视频居中显示图片

接下来，我们需要使用CSS来让视频或图片居中显示。我们可以使用以下代码：

  .container {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100vh;
    }

    video {
        max-width: 100%;
        max-height: 100%;
    } 

我们使用了Flexbox来实现视频或图片的居中。通过设置容器的display属性为flex，我们可以让容器内的元素自动在水平和垂直方向上居中显示。

同时，我们设置了容器的高度为100vh，这是指容器的高度将占满整个屏幕高度，这样就可以确保视频或图片是在整个屏幕中间居中显示。

最后，我们对视频或图片进行了一些基本的样式设置（例如，设置了最大宽度和最大高度），以确保它们不会超出容器的范围。

以上是CSS中让视频或图片居中显示的简单方法，是网页设计中常用的技巧。