让文字在指定宽度内显示2行

.word{
    width: 100px;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/
    -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
    -webkit-line-clamp: 2; /** 显示的行数 **/
    overflow: hidden;  /** 隐藏超出的内容 **/
  }
posted @ 2018-07-05 14:41  子不语の怪力乱神  阅读(88)  评论(0编辑  收藏  举报