怎么把视频在div盒子里居中
时间: 2023-05-20 14:02:05 浏览: 836
div水平居中的方法
可以使用CSS的flex布局来实现视频在div盒子里居中。具体的代码如下:
HTML代码:
```
<div class="container">
<video src="video.mp4"></video>
</div>
```
CSS代码:
```
.container {
display: flex;
justify-content: center;
align-items: center;
height: 500px;
}
video {
max-width: 100%;
max-height: 100%;
}
```
其中,container是div盒子的类名,video是视频标签。通过设置display为flex,然后使用justify-content和align-items属性来实现水平和垂直居中。同时,设置视频的max-width和max-height为100%来保证视频在div盒子里面不会超出范围。
阅读全文