如何用CSS实现垂直居中 垂直居中有哪些实现方式
1.不知道自己高度和父容器高度的情况下, 利用绝对定位只需要以下三行：
parentElement{
position:relative;
}
childElement{
position: absolute;
top: 50%;
transform: translateY（-50%）;
}
2.若父容器下只有一个元素，且父元素设置了高度，则只需要使用相对定位即可
parentElement{
height:xxx;
}
.childElement {
position: relative;
top: 50%;
transform: translateY（-50%）;
}
demo: Edit fiddle - JSFiddle
Flex 布局：
不考虑兼容老式浏览器的话，用Flex布局简单直观一劳永逸：
parentElement{
display:flex;/*Flex布局*/
display: -webkit-flex; /* Safari */
align-items:center;/*指定垂直居中*/}
CSS实现水平垂直居中的几种方法介绍
无需给您各种方法。由于我知道一种方法，因此我懒得使用其他方法来实现水平垂直外壳。该方法的最大优点是它可以适应宽度的高度。当然，也可以设置固定高度；
《div style=“position:absolute;left:50%; top:50%; transform:translate（-50%,-50%）;“》内容内容《/div》如果它是水平的垂直和中等的，则添加姿势：相关：相关：相关；
此外，还引入了一种特殊级别的方法，即在表格中使用TD作为垂直生活的特征，将DIV放入TD中，然后将级别设置在中心中
《table border=“0“ cellpadding=“0“ cellspacing=“0“ width=“100%“》《tr》
《td style=“ height:500px; background:red;“》
《div style=“text-align:center; background:blue; width:300px; margin:0 auto;“》内容内容《/div》
《/td》
《/tr》
《/table》
其他方法太懒了，限制太强了。实际上，您通常会使用所有第一种方法来使您获得所有效果。
css使div里的内容垂直居中
以下是一种特定的操作方法，该方法允许内容的内容垂直生存：
1.首先，我们准备一个空的HTML结构文档。
2.我们接下来要准备的是准备DIV以放置内容。这是显示Div的边界以显示Div。
3.接下来，我们将内容添加到DIV，如下图所示。运行后，您会发现内容偏向左上角。
4.在下面，我们水平设置为DIV，如下图所示，以及设定的高度为DIV的高度，您会发现它是水平的。
