Html 自动填充屏幕高度的div中的引导中心文本

这里很新，我会尽力解释的。我正在尝试使用几个

和页面顶部的导航栏来实现一个单页引导应用程序。我希望

填充浏览器窗口的高度，文本位于该分区的中心

我的问题

文本不会居中

如果删除外包装<代码> <代码>，将CSS放在代码>容器填充高度> /代码>，整个部分将在中间而不是全屏幕宽。我不知道为什么我们需要两个包装器来包装

欢迎来到first div

下面是我的代码和注释，以进一步解释这个问题。提前感谢您的帮助

<div id="welcome" class="welcome">  // when user scroll to this div, it fills the screen under nev bar
   <div class="container fill-height">
      <div class="textWelcome">
          <h2> Welcome to first div </h2> //this text should be in the middle of the "welcome" div 
      </div>
   </div>
</div>

更新：现在除了文本没有垂直居中外，一切都正常了

    <div class="container fill-height">
      <div class="row">
       <div class="col-lg-1"></div>
         <div id="hello" class="col-lg-10">
              <h1 style="text-align:center;"> Hello World</h1>
         </div>
       <div class="col-lg-1"></div>
     </div>
   </div>

---

首先将代码放在容器类中。为了使所有部分都位于中心，请使用引导。 可以使用文本对齐：居中；属性使文本居中。 代码如下：

 <div class="container">
     <div class="row">
      <div class="col-lg-1"></div>
      <div class="col-lg-10">
        <h1 style="text-align:center;"> Hello World</h1>
      </div>
     <div class="col-lg-1"></div>
  </div>
</div>

你好，世界

首先将代码放在容器类中。为了将所有部分放在中间，请使用引导。 可以使用文本对齐：居中；属性使文本居中。 代码如下：

 <div class="container">
     <div class="row">
      <div class="col-lg-1"></div>
      <div class="col-lg-10">
        <h1 style="text-align:center;"> Hello World</h1>
      </div>
     <div class="col-lg-1"></div>
  </div>
</div>

你好，世界

您可以使用transform属性：

#hello{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-family: 'Georgia';
color: rgb(255, 255, 255); /*white text*/
font-weight: bold
}

---

笔：

您可以使用变换属性：

#hello{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-family: 'Georgia';
color: rgb(255, 255, 255); /*white text*/
font-weight: bold
}

---

钢笔：

他说的是垂直中心。是的@UbiquitousDevelopers，但他的主要问题是使文本居中，所有部分垂直居中。这可以通过使用

class=“container”

来完成。通过使用引导网格。谢谢，但是文本垂直中心仍然不起作用。我们需要

做什么？我已根据您的请求更新了代码sugggestion@user4046073，您不需要将任何东西放入

中。留为空白。请通过引导网格，您将理解。让你的部分居中是有帮助的。给我小提琴，我会详细解释你。他说的是垂直中心。是的@UbiquitousDevelopers，但他的主要问题是让文本居中，所有部分垂直居中。这可以通过使用

class=“container”

来完成。通过使用引导网格。谢谢，但是文本垂直中心仍然不起作用。我们需要

做什么？我已根据您的请求更新了代码sugggestion@user4046073，您不需要将任何东西放入

中。留为空白。请通过引导网格，您将理解。这有助于使您的部分居中。请为我提供小提琴，我将详细解释您。此外，请记住容器元素中的相对位置。此外，请记住容器元素中的相对位置。