文字太长显示省略号（...）

text-overflow属性
text-overflow:clip | ellipsis

clip:只是简单的裁切，不显示(…);
ellipsis:裁切，要实现显示（…）还需要两个属性的配合
1.强制文本在一行显示（white-space:nowrap）
2.溢出内容隐藏（overflow:hidden）
3.需要定义容器的宽度

text-overflow属性在ie系列得到较好的支持，在Opera浏览器需要-o-前缀才能识别。

栗子：

<p class="text">您著作权遭受侵犯的相关证明您著作权遭受侵犯的相关证明</p>

.text{
            width: 100px; /*定义宽度 必须*/
            text-overflow:ellipsis;  /*文本裁切 显示省略号*/
            white-space: nowrap;  /*强制文本不换行*/
            overflow: hidden;  /*溢出文本隐藏*/
        }