在div中垂直對齊文本

Question

我知道這個問題已經被問了十億遍了，我搜尋了很多解決方案，但是似乎沒有一個對我有用。 因此，我要垂直居中<h1>簡單的<h1>和兩個<h3>標簽。 下面是代碼和小提琴的鏈接。

JSFiddle： http : //jsfiddle.net/q38o6cxe/1/

Answer 1

為您的父標記添加vertical-align:middle和display:table-cell 。

  #jumbotron-second {
      background: url(../img/wallpaper.jpg);
      width: 100%;
      height: 800px;
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover;
      display:table-cell;
      vertical-align:middle;
    }

演示

Answer 2

        #jumbotron-second h1 {
          color: black;
          word-wrap: break-word;
          font-size: 60px;
          text-align:center; // added
        }
        #jumbotron-second h3 {
             color: black;
             text-align:center; // added
        }

你的意思是這樣嗎？