<div style="position:absolute; bottom:50px; top:0px;left:0px;right:0px; width:100%;">
<div style="height:100%;width:100%;text-align:center;font-size:150%;display:table;">
<div style="display:table-cell;vertical-align:middle;">{{'SW.NRM' | translate}}</div>
</div>
</div>
1.怎么让一个不定宽高的 DIV,垂直水平居中?
使用Flex
(1)只需要在父盒子设置:display: flex; justify-content: center;align-items: center;
(2)使用 CSS3 transform
父盒子设置:position:relative
Div 设置: transform: translate(-50%,-50%);position: absolute;top: 50%;left: 50%;
(3)使用 display:table-cell 方法
父盒子设置:display:table-cell; text-align:center;vertical-align:middle;
Div 设置: display:inline-block;vertical-align:middle;