文本溢出隐藏，显示省略号

1、单行文本

white-space:nowrap; 不换行

overflow:hidden; 溢出隐藏

text-overflow:ellipsis; 显示省略号

2、多行文本

p{ overflow:hidden; position:relative;}

p::after{

 content:"...";

position:absolute; right:0; bottom:0;

background:#fff;

padding:0 10px 0 10px;

}