css居中 css居中对齐
一、css中插入视频如何居中
1、通过margin:0auto;text-align:center实现CSS水平居中。
这种方法是实现CSS水平居中最最常用的，我在前端开发中大概有60%的CSS水平居中就是通过“margin:0auto;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没设宽度如何居中
1.可以通过设置margin属性为auto来实现居中。2.没有设置宽度的元素默认是自适应宽度，如果想要居中显示，可以给该元素设置左右外边距为auto，这样就会自动将元素水平居中。3.此外，还可以使用flex布局或者grid布局来实现居中，通过设置父容器的属性来控制子元素的居中效果。这样可以更加灵活地控制元素的布局和居中效果。
三、css里面怎么让一个DIV居中
第一种方式：设置body居中。在CSS中的代码是（body{text-align:center;}）第二种方式：用盒子模型，首先设置一个Div，这个DIV的宽度为100%，然后在这个DIV居中，那么在这个DIV中加的内容就居中显示，代码如下：<div><div></div></div>CSS样式代码：<styletype="text/css">.div1{text-align:center;width:100%;}.div2{width:980px;background:red;}//为了看清效果，加了背景颜色</style>第三种方式：margin：0auto；
通常的方法为：先设置div的宽度，然后使用如下样式：
1margin:10pxauto;/*上下边距10px，左右边距自动以达到左右居中的目的*/以下为示例：
HTML代码中给出div
123<div><div></div></div>添加样式
1234567/*外层边框*/div.outer{width:200px;height:150px;border:1pxsolidgreen;}div.content{width:100px;height:50px;/*设置大小*/margin:20pxauto;/*设置左右边距自动以使其居中*/border:1pxsolidred;}显示效果