多彩CSS之单行、多行文本溢出显示省略号（...）

一、单行文本溢出显示省略号隐藏

{//需要设置宽度

overflow:hidden;

text-overflow:ellipsis;

white-space:nowrap;

}

二、多行文本溢出显示省略号隐藏

{

overflow:hidden;

display:-webkit-box;//弹性伸缩盒子模型

-webkit-box-orient:vertical;

-webkit-line-clamp:2;//行数

}