div的高度和动态高度
这个问题在这里已经有了答案：
您将另一个内联级元素放置在高度等于容器100％的同一行上。 最常见的是使用display:inline-block; 在这里，但任何高度适用的内联级元素，如inline-table ， inline-flex或替换的内联元素也可以工作。
例如div：before {content：''; 显示：内联块; 高度：100％; 垂直对齐：中部; }
html, body { height: 900px; }
div { border:1px solid black; height: 12%; }
div:before { content:''; display:inline-block; height:100%; vertical-align:middle; }<div>
<i>My text</i>
</div> 直观的方法是将line-height设置为100% ，但实际上只是将行高设置为字体的100％大小
假设你可能想要中心文本，试试这个
.container {
position:relative;
}
.center {
position:absolute;
top:0; left:0; bottom:0; right:0;
margin: auto;
/* for horiz left-align, try "margin: auto auto auto 0" */
}