我只是搞砸了一些HTML5，我试图在视频中心的页面上。由于某种原因，我不能得到它的中心。我试图添加一个类到视频标签本身，我已经将视频包装在一个单独的div。但是，视频保留在左侧。
<!DOCTYPE HTML>
<html>
<head>
<title>Test</title>
<script type="text/css">
.center {
margin: 0 auto;
}
</script>
</head>
<body>
<div class="center">
<video controls="controls">
<source src="/media/MVI_2563.ogg" type="video/ogg" />
Your browser does not support the video tag.
</video>
</div>
</body>
</html>
我知道这必须是我在早上的小时候俯瞰的东西，但任何帮助将不胜感激。
谢谢
解决方法
中心类必须有一个宽度，以使汽车差价工作：
.center { margin: 0 auto; width: 400px; }
然后我会将中心类应用于视频本身，而不是一个容器：
<video class='center' …>…</video>
