css实现文本超出...和display:flex布局强制换行
1,css实现文本超出…出现省略号文本溢出省略号显示，要实现这个必须 要有四个条件：1.须有容器宽度：width：value2.强制文本在一行内显示：white-space：nowrap；3.溢出内容隐藏：overflow：hidden；4.溢出文本显示“…”：text-overflow：ellipsis；2,display:flex布局强制换行ul {width: 100%;display: f
·
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;
权威｜前沿｜技术｜干货｜国内首个API全生命周期开发者社区
更多推荐
1
0- 0
已为社区贡献1条内容
所有评论(0)