单行
<style>
.limit {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
</style>
多行,2为两行,可根据需要修改
<style>
.limit2 {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
</style>
单行文字超出显示省略号 多行文字超出显示省略号
文字超出显示省略号: css3文字超出多行显示省略号:
一行文字超出省略号显示： 多行文字超出省略号显示：
先贴一个文字超出后显示省略号的css样式： 单行文字超出显示省略号： 多行文字超出显示省略号： *如果你的项目中装...
文字超出显示省略号 或者
下划线 删除线 首行缩进 整段文字两端对齐 css文字超出一行就显示省略号 css文字超出部分，隐藏并显示省略号。...
CSS控制文字只显示一行，超出部分显示省略号
css 文字多行显示超出显示省略号 首先，要知道 css 的三条属性。 overflow:hidden; //超出...
不换行，超出部分显示省略号 换行，超出部分显示省略号
1. 单行超出显示省略号 如： 2. 多行超出显示省略号 如：
本文标题：文字超出显示省略号
本文链接：https://www.haomeiwen.com/subject/vjwyfqtx.html
网友评论