1、常用的第一种方式是只显示一行，然后超过固定宽度就显示省略号
.list-item-title{
overflow: hidden;/*控制超过宽度是否隐藏*/
text-overflow:ellipsis;/*控制是否显示省略号*/
white-space: nowrap;/*控制是否换行*/
width: 2rem;
}
2、
.item{
-webkit-line-clamp: 1;
word-break: break-all;
}
1、常用的第一种方式是只显示一行，然后超过固定宽度就显示省略号
.list-item-title{
overflow: hidden;/*控制超过宽度是否隐藏*/
text-overflow:ellipsis;/*控制是否显示省略号*/
white-space: nowrap;/*控制是否换行*/
width: 2rem;
}
2、
.item{
-webkit-line-clamp: 1;
word-break: break-all;
}
1、常用的第一种方式是只显示一行，然后超过固定宽度就显示省略号 2、
不换行，超出部分显示省略号 换行，超出部分显示省略号
line Break:换行Truncate tail 省略尾部(多的部分显示省略号)Truncate Head ...
CSS自动换行、强制不换行、强制断行、超出显示省略号 使用white-space属性强制不换行p { white-...
/*换行*/ /* * 多行省略号 */ .ellipsis-2-pk { /* autoprefixer: ...
居中 Flex 文本溢出显示省略号 不被挤 文字换行
横向布局 横向布局 自动换行 Flex 布局教程：语法篇 文本自动换行 文字超出用省略号显示 wx.switchT...
单行溢出省略号 多行溢出省略号 纯 CSS 实现高度与宽度成比例的效果 强制换行
文字均匀分布： 超出文字不换行 省略号展示 超出指定多行文字进行省略号展示
本文标题：换行？省略吧？
本文链接：https://www.haomeiwen.com/subject/lzlrsttx.html
网友评论