让文字居中

<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;