字数过多显示省略号

字数太多变成省略号

.ellipsis{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

鼠标移上去显示全部

.showEllipsis:hover
{
    cursor: pointer;
    /*background: #000;*/
    white-space: pre-wrap;
    width:200px;
    text-overflow:inherit;
    overflow:visible;
}