CSS控制文本溢出用省略号代替的两种方式

一、显示多行文本：

#box{

 width:200px;

display:-webkit-box;

-webkit-box-orient:vertical;

-webkit-line-clamp:3/* 行数 */

text-overflow:ellipsis;/*超出省略号显示*/  

overflow：hidden；

}

二、显示单行文本：

#box{

width:200px;  /* 显示的文本宽度 */

text-overflow:ellipsis;/*超出省略号显示  */

overflow:hidden;/* 超出隐藏 */

white-space:nowrap;/* 不换行 */

}