Question

我知道这个问题已经被问了十亿次，我搜索了很多解决方案，但似乎没有一个对我有用。所以，我想垂直中心简单<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;
    }

DEMO

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
        }

你是说这样的意思吗？

div内的垂直对齐文本

2 个答案: