Html CSS在中间垂直对齐文本/按钮 我正试着把中间的文字/按钮垂直对齐。但是，我使用了垂直对齐：中间和我已经用div嵌套了所有的文本/按钮，我不知道为什么它不起作用

我已经在stack论坛上找到了要发布的答案，我按照答案做了，但仍然无法做到

html，
身体{
宽度：100%；
身高：100%；
}
身体{
字体系列：Helvetica；
}
.文本垂直中心{
文本对齐：居中；
垂直对齐：中间对齐；
颜色：绿色；
}
.文本垂直中心h1{
保证金：0；
填充：0；
字体大小：4.5em；
字号：700；
颜色：绿色；
}
/*自定义按钮样式*/
.btn暗{
边界半径：0；
颜色：#fff；
背景色：rgba（0,0,0,0.4）；
}
.btn黑暗：悬停，
.btn黑暗：聚焦，
.btn暗：活动{
颜色：#fff；
背景色：rgba（0,0,0,0.7）；
}
人力资源部小型{
最大宽度：100px；
}
/*配菜*/
.标题{
显示：表格；
位置：相对位置；
宽度：100%；
身高：100%；
背景：url（../img/bg.jpg）无重复中心滚动；
-webkit背景尺寸：封面；
-moz背景尺寸：封面；
背景尺寸：封面；
-o-背景尺寸：封面；
}

启动引导
免费引导主题&；模板

为了使其正常工作，您需要有一个新的工具来更改您的代码。 如果要将其居中，则需要将其设置为

display:inline block，并具有要垂直对齐的同级。
我能想到的最好办法是：


html，
身体{
宽度：100%；
身高：100%；
}
身体{
字体系列：Helvetica；
}
.文本垂直中心{
文本对齐：居中；
垂直对齐：中间对齐；
颜色：绿色；
显示：内联块；
}
.文本垂直中心h1{
保证金：0；
填充：0；
字体大小：4.5em；
字号：700；
颜色：绿色；
}
/*自定义按钮样式*/
.btn暗{
边界半径：0；
颜色：#fff；
背景色：rgba（0,0,0,0.4）；
}
.btn黑暗：悬停，
.btn黑暗：聚焦，
.btn暗：活动{
颜色：#fff；
背景色：rgba（0,0,0,0.7）；
}
人力资源部小型{
最大宽度：100px；
}
/*配菜*/
.标题{
显示：表格；
位置：相对位置；
宽度：100%；
身高：100%；
背景：url（../img/bg.jpg）无重复中心滚动；
-webkit背景尺寸：封面；
-moz背景尺寸：封面；
背景尺寸：封面；
-o-背景尺寸：封面；
}
.标题：之前{
内容：“；
垂直对齐：中间对齐；
身高：100%；
显示：内联块；

启动引导
免费引导主题和模板


为了使其正常工作，您需要有一个新的工具来更改您的代码。
如果要将其居中，则需要将其设置为
display:inline block；
，并具有要垂直对齐的同级。
我能想到的最好办法是：


html，
身体{
宽度：100%；
身高：100%；
}
身体{
字体系列：Helvetica；
}
.文本垂直中心{
文本对齐：居中；
垂直对齐：中间对齐；
颜色：绿色；
显示：内联块；
}
.文本垂直中心h1{
保证金：0；
填充：0；
字体大小：4.5em；
字号：700；
颜色：绿色；
}
/*自定义按钮样式*/
.btn暗{
边界半径：0；
颜色：#fff；
背景色：rgba（0,0,0,0.4）；
}
.btn黑暗：悬停，
.btn黑暗：聚焦，
.btn暗：活动{
颜色：#fff；
背景色：rgba（0,0,0,0.7）；
}
人力资源部小型{
最大宽度：100px；
}
/*配菜*/
.标题{
显示：表格；
位置：相对位置；
宽度：100%；
身高：100%；
背景：url（../img/bg.jpg）无重复中心滚动；
-webkit背景尺寸：封面；
-moz背景尺寸：封面；
背景尺寸：封面；
-o-背景尺寸：封面；
}
.标题：之前{
内容：“；
垂直对齐：中间对齐；
身高：100%；
显示：内联块；

启动引导
免费引导主题和模板


在给出的示例中，您需要将
显示：表格单元格
添加到
。文本垂直中心
在给出的示例中，您需要将
显示：表格单元格
添加到
。文本垂直中心