ECHO陈文
关注互联网技术开发与维护运营

CSS文字超出部分显示省略号

当制作html网页时,有一些标题或者段落太长,显得太难看,我们可以通过CSS来控制一下文本显示,如下

单行省略号,一定要配合宽度width 来实现 或者display:block

overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;

多行文本实现省略号

display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
赞(1) 打赏
未经允许不得转载:芦苇派 » CSS文字超出部分显示省略号
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏