CSS 超长文本的隐藏和鼠标覆盖后显示

在 BootStrap Table 实践中，数据文本过长导致文本本身溢出表格区域，为了实现鼠标覆盖能够显示文本，正常状况下省略显示。

CSS 文件，代码示例：

.hiddenOverFlowCoverShow:hover
{
    width: 225px;
    font-size: 12px;
    border: 0px solid #ddd;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    color:blue;
    text-decoration:underline;
    cursor:pointer;
}
.hiddenOverFlowCoverShow{
    width: 225px;
    font-size: 12px;
    border: 0px solid #ddd;
    color:#5f5f5f;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
}
JSP 文件，BootStrapTable 代码示例：
{
    field: 'orderRemark',
    title: '备注',
    align: 'center',
    formatter:function(value,row,index){
        var $remark = row.orderRemark;
        var a = '<label class="hiddenOverFlowCoverShow" title='+"'"+$remark+"'"+
                '>'+
                "'"+ $remark +"'"+'</label>'
        return a;
    }
}