gpt4 book ai didi

html - 我如何将我的视频对齐到左上角,是什么在视频上方和下方创建了这些间距?

转载 作者:行者123 更新时间:2023-11-28 00:03:04 25 4
gpt4 key购买 nike

我尝试使用 flexbox 将视频放入容器中,但我注意到视频上方和下方有一些间距,我希望它与盒子完美对齐。 https://codepen.io/betablue/pen/NmJPqG https://imgur.com/5n8LmtC

CSS 在代码笔中。

.container {
display: flex;
align-items: flex-start;
flex-direction: row;
justify-content: flex-start;
border: 3px dashed black;
width: 750px;
height: 750px;
}

.container>div>video {
width: 40px;
height: 40px;
}
<!DOCTYPE html>
<html lang="en">


<head>

<link rel="stylesheet" type="text/css" href="style.css">

</head>

<body>
<div class="container">
<video width="400" height="400" autoplay Loop muted controls>
<source src="Watervid.mp4" type="video/mp4">
</video>
</div>




</div>
</body>

</html>

最佳答案

试试这个 CSS,你没有正确使用 flex-blox 属性:

  .container {
display: flex;
justify-content: center;
align-items: center;
border: 3px dashed black;
width: 750px;
height: 750px;
}

.container > div > video {
width: 40px;
height: 40px;
}

关于html - 我如何将我的视频对齐到左上角,是什么在视频上方和下方创建了这些间距?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55885458/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com