文字溢出显示省略号

ellipsis.css

/*
 *@ Name:       文字溢出显示省略号
 *@ Update:     2013-08-04
 *@ Demo:       http://www.liveme.org/table-fixed-and-text-auto-hidden.html
 */

.ellipsis {
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden;
    -o-text-overflow: ellipsis; /* Opera 9-10.6 */
    text-overflow: ellipsis;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    max-width: 100%;
    _width: 100%;
    text-align: left; /* Chrome 21+ bug */
}