css中插入视频如何居中？
1、通过margin: 0 auto; text-align: center实现CSS水平居中。
这种方法是实现CSS水平居中最最常用的，我在前端开发中大概有60%的CSS水平居中就是通过“margin: 0 auto; text-align: center”实现的。
2、通过display:flex实现CSS水平居中。
随着越来越多兼容flexbox，所以通过“display:flex”实现CSS水平居中的方案也越来越受青睐。
通过display:flex实现CSS水平居中的原理是父元素display:flex;flex-direction:column;而子元素align-self:center;
这个跟CSS垂直居中的原理是一样的，只是在flex-direction上有所差别，一个是row(默认值)，另外一个是column。
3、通过display:table-cell和margin-left实现CSS水平居中。
对于父元素和子元素的宽度都确定的情况，适合通过display:table-cell和margin-left实现CSS水平居中。
使用时，父元素display:table-cell，子元素给剩余宽度一半的margin-left。
CSS水平居中和垂直居中实现方法？
方法一：使用margin: 0 auto;（只适用于子盒子有宽的时候）
方法二：text-align + display（子盒子有或没有宽度的时候都适用）
方法三：position 定位（只适用于子盒子有宽度和高度的时候）
方法四：position + transform（子盒子有或没有宽高的时候都适用）
方法五：flex 布局（弹性布局）（子盒子有或没有宽高的时候都适用）
扩展内容
层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。
CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。
CSS是一种定义样式结构如字体、颜色、位置等的语言，被用于描述网页上的信息格式化和显示的方式。CSS样式可以直接存储于HTML网页或者单独的样式单文件。无论哪一种方式，样式单包含将样式应用到指定类型的元素的规则。外部使用时，样式单规则被放置在一个带有文件扩展名_css的外部样式单文档中。
样式规则是可应用于网页中元素，如文本段落或链接的格式化指令。样式规则由一个或多个样式属性及其值组成。内部样式单直接放在网页中，外部样式单保存在独立的文档中，网页通过一个特殊标签链接外部样式单。
Html如何设置元素垂直居中？
1.单行文本是通过设置父元素的 height 和 line-height 高度一致来完成的，其中height是指元素的高度, line-height 是指行间距。
案例：
写一个<div>我是单行文本，我想垂直居中</div>
效果如图：
2.在<style>中加入CSS样式
<style type="text/css">
div{
height: 200px;
line-height:200px;
background: #3fc;
}
</style>
结果如图:
3.父元素的高度确定，table标签包裹然后设置vertical-align：middle
案例：
写三个<p> 我是多行文本1，我想垂直居中</p>
<p> 我是多行文本2，我想垂直居中</p>
<p> 我是多行文本3，我想垂直居中</p>
效果如图：
4.table（因为td 标签默认情况下就默认设置了 vertical-align 为 middle。所以不用重新再写 vertical-align:middle）标签包裹代码设置和效果图如下：