SOURCE

<h2>1 包含框高度固定，单行文本垂直居中</h2>

<div class="rb" style="height:60px;line-height:60px">
  我是一行文本
</div>

<h2>2 包含框高度固定，多行文本</h2>
<em>需要增加一个子元素div，形成父子嵌套div。父元素设置display为table。子元素设置为display 为 table-cell 再设置vertical-align</em>
<div class="rb" style="height:100px;display:table">
  <div style="display:table-cell;vertical-align:middle">
  央视网消息：改革开放40年，经过长期的不懈奋斗，中国特色社会主义进入了新时代。浙江在全面深化改革和对外开放中一直走在前列，尤其是习近平主政浙江期间，为浙江的持续发展进行了科学谋划长远布局，是中国特色社会主义理论在浙江的生动实践。
    </div>
</div>

<h2>3 position 方式</h2>
<em>同样需要增加一个div。形成父子嵌套div</em>
<ol>
  <li>父元素设置固定高度，position为relative</li>
  <li>子元素设置height，width</li>
  <li>子元素设置position为absolute</li>
  <li>子元素设置left top 为 50%</li>
  <li>子元素设置负的marigin-left  margin-top为宽，高的一半</li>
</ol>
<div style="max-width:600px;border:1px solid blue;margin:0 auto;height:500px;position:relative;text-align:center">
  <div class="rb" style="width:250px;height:200px;position:absolute;left:50%;top:50%;margin-left:-125px;margin-top:-100px;" >央视网消息：改革开放40年，经过长期的不懈奋斗，中国特色社会主义进入了新时代。浙江在全面深化改革和对外开放中一直走在前列，尤其是习近平主政浙江期间，为浙江的持续发展进行了科学谋划长远布局，是中国特色社会主义理论在浙江的生动实践。</div>
</div>


<h2>4 flex</h2>
<div style="height:200px;display:flex; align-items:center" class="rb">
  央视网消息：改革开放40年，经过长期的不懈奋斗，中国特色社会主义进入了新时代。浙江在全面深化改革和对外开放中一直走在前列，尤其是习近平主政浙江期间，为浙江的持续发展进行了科学谋划长远布局，是中国特色社会主义理论在浙江的生动实践。
</div>

.rb{
  border:1px solid red;
  
}

em{
  font-size:12px;
  background-color:#ccc;
  display:inline-block;
  margin-bottom:15px;
  
}