css实现文本超出...和display:flex布局强制换行

1,css实现文本超出…出现省略号

文本溢出省略号显示，要实现这个必须 要有四个条件：

1.须有容器宽度：width：value

2.强制文本在一行内显示：white-space：nowrap；

3.溢出内容隐藏：overflow：hidden；

4.溢出文本显示“…”：text-overflow：ellipsis；

2,display:flex布局强制换行

ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap; // 强制换行
    justify-content: flex-end; //所有元素右对齐
}

3,多行文本溢出…

  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; //行数
  overflow: hidden;