超过div宽度单行时自动换行，超过多行时省略号显示，垂直水平居中

// 自动换行

 word-wrap: break-word;/*自动换行*/

  text-overflow: ellipsis;/*超出部分省略号显示*/

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;/*自动换行后，多行显示，设置多少行后不在换行而是省略号显示*/

  overflow: hidden;

// 垂直水平居中

   display:flex;/*实现垂直居中*/

    align-items:center;/*实现水平居中*/

    justify-content:center;

    text-align:justify;