.view-text{ /** a.设置inline-block 属性 b.强制不换行 c.固定宽度 d.隐藏超出部分 e.显示“……” */ display: inline-block; white-space: nowrap; width: 100 ...

CSS一行显示，显示不下的用省略号显示 复制上面代码即可。 ...

在此需要用到三个属性配合使用： 兴高采烈的破蛹 重获新生的冲动 寻找爱情世界 美梦　　既然不是毛毛虫 就要壮烈的扑火 短暂青春要像 烟火 ...

1 ...

大家都知道文字超出一行显示省略号用css就可以搞定，但2行、3行等多行超出显示省略号有的人就不知怎么搞了，我用js做过一个文字判断有兴趣的可以看一下传送门，今天就来试验一下多行超出省略号 使用时注意浏览器兼容 ...

.title{ font-size: .7rem; line-height: 1.5rem; overflow: hidden; /** 隐藏超出的内容 **/ word-break: break-all ...

...

css文字超出一行就显示省略号 1，css超出一行用点表示 white-space:nowrap; overflow:hidden; text-overflow:ellipsis; 2，css超出二行用点表示 overflow ...