# img 图片垂直剧中

方案一

<div align="center" class="number" style="width:100%; height:100%;background-color:#333; position:absolute;">
  <img src="only.jpg" style="width:50px; height:50px; position: relative; top:50%;"/>
</div>

方案二

<div class="flexbox-container">
    <div>Blah blah</div>
    <div>Blah blah blah blah blah ...</div>
</div>

.flexbox-container {
    display: -ms-flex;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
}

span 自动换行

  word-break: normal;
  width: auto;
  display: block;
  white-space: pre-wrap;
  word-wrap: break-word;
  overflow: hidden;