Html 垂直和水平居中div内容不起作用

Html 垂直和水平居中div内容不起作用,html,css,twitter-bootstrap,vertical-alignment,Html,Css,Twitter Bootstrap,Vertical Alignment,我有一个有多个部分的网站,但我的网站没有滚动条,所以当我想进入每个部分时,我应该点击菜单中该部分的按钮。。。无论怎样,网站都应该将每个部分的内容显示为一个封面(一页),全宽全高,以该部分主分区的内容为中心 我试着用垂直对齐:中间,用显示表格单元格来实现这一点。。我在上面写了代码 欢迎div应该显示在我的页面中央。添加边距:50%自动;欢迎课 .welcome { background-color:#ccc; padding:20px; color:#000;

我有一个有多个部分的网站,但我的网站没有滚动条,所以当我想进入每个部分时,我应该点击菜单中该部分的按钮。。。无论怎样,网站都应该将每个部分的内容显示为一个封面(一页),全宽全高,以该部分主分区的内容为中心

我试着用
垂直对齐:中间
,用
显示表格单元格
来实现这一点。。我在上面写了代码


欢迎div应该显示在我的页面中央。

添加边距:50%自动;欢迎课

  .welcome {
    background-color:#ccc;
    padding:20px;
    color:#000;
    margin:50% auto;
  }

设置
html{height:100%;}
容器流体{height:100%;}

您需要添加以下内容:

html,
.container-fluid {
    height:100%;
}

您的答案有错误(分号位置错误)。我无法编辑此答案,因为“编辑内容必须至少包含6个字符”。。。也许你能纠正你是对的,键盘今天讨厌我,现在应该修好了