html5中如何让图片上下对齐居中？
图片水平垂直居中情况很多，最简单的办法是吧图片设置为背景，给背景设置background-position:center;如果只能用图片分两种情况：
1.图片宽高固定，这种情况很简单。水平居中：就在图片的css中加 dispaly:block;margin:0 auto;垂直居中：自己算出（div的高度-图片的高度）/2，得到margin-top值即可。
2.图片高度未知，这个布局比较难实现。一般我是用js做的。水平居中：同上，在图片的css中加 dispaly:block;margin:0 auto;垂直居中：用js算出（div的高度-图片的高度）/2，得到margin-top值赋给它。曾经研究过网上的很多方法，个人觉得这个是最有效的了。
用html做网页的时候怎么让表格的每行中的字都居中？
让html的表格中单元格的内容居中显示的方法如下：
1、新建一个html5文件。
2、创建一个宽度为300px，三行四列的表格并写入内容。
3、通过css选择table标签控制表格内容居中，text-align：center；
在一个div中如何让button按钮垂直居中？
1、首先我们需要新建一个html5文件，编写html5基础代码。
2、新建一个div标签，在div标签下编写一个button标签。
3、为div标签和button标签填写基础样式代码，这里我们为了更好的查看居中情况，将div的背景设置成红色。
4、我们用浏览器打开页面，可以看到button在div层中的左上角位置。
5、接下来就是实现垂直居中的方法了，首先我们将div的行高设置成div层的高度，将button的vertical-align属性设置成middle。
6、刷新网页，发现button已经在div中垂直居中了。
怎么把视频放在图片中间播放？
要把视频放在图片的中间播放，需要使用HTML和CSS来实现。
首先，你需要一个包含视频和图片的HTML结构。可以在HTML中使用`<div>`元素来创建一个容器，然后在其中嵌套一个`<video>`元素和一个`<img>`元素。示例如下：
```html
<div class="container">
<video src="path/to/video.mp4" controls></video>
<img src="path/to/image.jpg">
</div>
```
然后，你可以使用CSS来样式化该容器，使其将视频居中显示。可以通过设置容器的`display`属性为`flex`，并使用`justify-content`和`align-items`属性将其内容水平和垂直居中。还可以设置容器的宽度和高度，以确保图片和视频能够居中显示。示例如下：
```css
.container {
display: flex;
justify-content: center;
align-items: center;
width: 500px;
height: 300px;
border: 1px solid black;
}
```
最后，你可以再次使用CSS来样式化视频和图片的大小，以适应容器的尺寸。可以使用`object-fit`属性来控制视频和图片的缩放方式，可以使用`width`和`height`属性来设置其尺寸。示例如下：
```css
video, img {
object-fit: contain;
max-width: 100%;
max-height: 100%;
}
```
通过组合上述HTML和CSS代码，即可实现将视频放在图片中间播放的效果。