CSS实现文本溢出显示省略号

本文转载于:猿2048网站CSS实现文本溢出显示省略号php

实现单行文本溢出显示省略号,用如下代码便可:web

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

实现效果:(Google Chrome)网站

多行文本的以下:spa

display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;

实现效果:(Google Chrome)code

相关文章
相关标签/搜索