css 实现⽂本超出...和display ：flex 布局强制换⾏
1,css实现⽂本超出…出现省略号
⽂本溢出省略号显⽰，要实现这个必须 要有四个条件：1.须有容器宽度：width ：value 2.强制⽂本在⼀⾏内显⽰：white-space ：nowrap ；3.溢出内容隐藏：overflow ：hidden ；4.溢出⽂本显⽰“…”：text-overflow ：ellipsis ；
2,display:flex布局强制换⾏
3，多⾏⽂本溢出…ul {    width : 100%;    display : flex ;    flex -wrap : wrap ; // 强制换⾏    justify -content : flex -end ; //所有元素右对齐}
1
2
3
4
5
6  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 2; //⾏数  overflow: hidden;1
2flex布局对齐方式
3
4

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。