Html 全屏背景垂直对齐

@charset“utf-8”；
@导入url(http://fonts.googleapis.com/css?family=Roboto:200,400,300,500,700);
html{
背景：url（img/img1.jpg）无重复中心固定；
-webkit背景尺寸：封面；
-moz背景尺寸：封面；
-o-背景尺寸：封面；
背景尺寸：封面；
}
身体{
保证金：0；
填充：0；
字体系列：“Roboto”，无衬线；
}
*，*：之前，*：之后{
-webkit框大小：边框框；
-moz框大小：边框框；
框大小：边框框；
}
顶置导航{
列表样式：无；
背景色：#333745；
文本对齐：居中；
保证金：0；
填充：0；
}
李国宝{
高度：50px；
线高：50px；
边框底部：1px实心#fff；
文本转换：大写；
颜色：#000；；
过渡：背景色。5s；
}
.顶置导航a{
利润率：1.3em；
文字装饰：无；
字号：1em；
颜色：#fff；
}
.top_nav li:悬停{
背景色：#ea2e49；
}
@媒体屏幕和屏幕（最小宽度：600px）{
顶置导航{
显示器：flex；
柔性包装：包装；
证明内容：柔性端；
}
李国宝{
边界：0；
}}
.盒子{
高度：300px；
}
.中心元素{
填充：20px；
最小高度：100%；
显示器：flex；
弯曲方向：立柱；
证明内容：中心；
}
.center_元素p{
字体大小：.9em；
字号：200；
颜色：#fff；
}

无标题文件







正文

了解更多

在这里，使用-->

那应该能解决你的问题

.center_elements {
background: none;
 bottom: 0;
 height: 100px;
 left: 0;
 margin: auto;
 position: absolute;
 top: 0;
 right: 0;
 width: 100px;
}

在这里，使用-->

那应该能解决你的问题

.center_elements {
background: none;
 bottom: 0;
 height: 100px;
 left: 0;
 margin: auto;
 position: absolute;
 top: 0;
 right: 0;
 width: 100px;
}

---

首先，我宁愿为body标记设置背景图像，而不是html（这是我第一次看到html标记的背景图像，但可能是错误的）

垂直对齐提示： 将整个内容包装到包装器中，并为其添加css display:table和display:table单元格到子元素+高度100vh（不完全支持vh属性）

垂直对齐：中间总是中心内容，正好在父元素的中间，无论其大小有多大。

此处示例：

---

首先，我宁愿为body标记设置背景图像，而不是html（这是我第一次看到html标记的背景图像，但可能是错误的）

垂直对齐提示： 将整个内容包装到包装器中，并为其添加css display:table和display:table单元格到子元素+高度100vh（不完全支持vh属性）

垂直对齐：中间总是中心内容，正好在父元素的中间，无论其大小有多大。

此处示例：

---

您到底需要什么帮助？下面是您的代码。我不明白你面临什么问题…我想把“中心元素”类放在背景图像的中心。谢谢。你是说把所有带标签的内容放在屏幕的中间位置？是的！正确的。内容和按钮。你到底需要什么帮助？下面是你的代码。我不明白你面临什么问题…我想把“中心元素”类放在背景图像的中心。谢谢。你是说把所有带标签的内容放在屏幕的中间位置？是的！正确的。内容和按钮。