文本效果

二.文本裁剪

 

8px 0px 7px rgba(0,0,0,0.35),
8px 0px 1px rgba(0,0,0,0.5),
0px 0px 7px rgba(0,0,0,0.2);

CSS3 提供了 text-overflow 属性来控制文本的溢出部分,它的作用是对溢出的部分 裁剪掉,然后判定是否添加省略号。首先我们先看下样式表的属性,如下:

//必须不换号和使用 overflow 控制溢出 p{

       width: 160px;
       white-space: nowrap;
       background: silver;
       /*text-overflow: clip;*/
       text-overflow: ellipsis;
       overflow: hidden;

}