文本超出后省略号展示

//一行

.single-line {

  white-space: nowrap;

  text-overflow: ellipsis;

  overflow: hidden;

  word-break: break-all;

}

//多行

.multiline {

  text-overflow: -o-ellipsis-lastline;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  line-clamp: 2;

  -webkit-box-orient: vertical;

}


flex布局同级元素固定宽高被挤占问题

.wrap-shrink {

flex-shrink: 0;

-webkit-flex-shrink: 0;

}

.wrap-flex {

flex: 1;

-webkit-flex: 1;

}

你可能感兴趣的:(文本超出后省略号展示)