Css 文本未使用flexbox居中
目标：将包含在Css 文本未使用flexbox居中,css,center,flexbox,Css,Center,Flexbox,目标：将包含在div中的文本居中，并且是包含video元素的div的同级文本 问题是：我正在使用flexbox查看是否可以调整div的资源中心，并沿垂直轴对齐其项目中心。它很好地沿x轴居中，但不沿y轴居中 有什么建议吗 html， 身体{ 保证金：0； 填充：0； 身高：100%； } 录像带{ 位置：固定； 顶部：-100px； } .文本{ z指数：2； 颜色：#fff； 字号：2em； 文本转换：大写； 位置：相对位置； 显示器：flex； 证明内容：中心； 对齐项目：居中； /*边框：
divvideodivhtml，
身体{
保证金：0；
填充：0；
身高：100%；
}
录像带{
位置：固定；
顶部：-100px；
}
.文本{
z指数：2；
颜色：#fff；
字号：2em；
文本转换：大写；
位置：相对位置；
显示器：flex；
证明内容：中心；
对齐项目：居中；
/*边框：1px纯黑*/
/*身高：100%*/
}
这是一个很酷的视频登录页
文本对齐：居中将宽度和高度100%添加到文本。然后添加
文本对齐：居中这是您应该实现它的方式：
.text {
width: 100%;
height: 100%;
text-align: center;
}
这是您应该实现它的方式：
.text {
width: 100%;
height: 100%;
text-align: center;
}
实现这一点（即垂直居中文本）的一种方法是，通过指定flex容器的高度并将文本的“边距”属性设置为“自动”，如果希望文本沿整个页面居中，则通过以下方式设置高度：
.text {
height: 100%;
}
.text p {
margin: auto;
}
无论flex容器的高度有多高，都可以使用上述方法将文本置于flex容器内的中心。这将适用于flex容器的“flex direction”属性的任何值。1实现这一点的方法，即垂直居中文本是通过指定flex容器的高度并将文本的“边距”属性设置为“自动”如果希望文本沿整个页面居中，请按以下方式设置高度：
.text {
height: 100%;
}
.text p {
margin: auto;
}
无论flex容器的高度有多高，都可以使用上述方法将文本置于flex容器内的中心。这将适用于flex容器的“flex direction”属性的任何值。Flexbox对于您的需要来说太过分了，请尝试使用position:absolute，因为您已经从流中获得了元素 相关CSS
.text {
z-index: 2;
color: #fff;
font-size: 4rem;
font-variant: small-caps;
text-align: center;
min-height: 4em;
width: 100vw;
position: absolute;
top: calc(50% - 2em);
}
html，
身体{
保证金：0；
填充：0；
身高：100%；
}
录像带{
位置：固定；
排名：0；
}
.文本{
z指数：2；
颜色：#fff；
字号：4rem；
字体变体：小大写字母；
文本对齐：居中；
最小高度：4em；
宽度：100vw；
位置：绝对位置；
顶部：钙（50%-2米）；
}
这是一个很酷的视频登录页
.text {
z-index: 2;
color: #fff;
font-size: 4rem;
font-variant: small-caps;
text-align: center;
min-height: 4em;
width: 100vw;
position: absolute;
top: calc(50% - 2em);
}
html，
身体{
保证金：0；
填充：0；
身高：100%；
}
录像带{
位置：固定；
排名：0；
}
.文本{
z指数：2；
颜色：#fff；
字号：4rem；
字体变体：小大写字母；
文本对齐：居中；
最小高度：4em；
宽度：100vw；
位置：绝对位置；
顶部：钙（50%-2米）；
}
这是一个很酷的视频登录页