超出宽度显示...

<table>
    <tr>
        <td>888888888888888888888888</td>
        <td>8888888888888888888888888</td>
        <td>000000000000000000000000000</td>
    </tr>
</table>

   td{
        border: 1px solid #000;
        width:100px;
        display: block;
        /* 关键代码 */
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-wrap: break-word;/* 在长单词或 URL 地址内部进行换行 */
    }

效果图：

双击展开文字

   $('body').on('dblclick', 'td', function () {
            debugger
            if ($(this).css('white-space') == 'nowrap') {
                $(this).css({'white-space': 'normal'})
            } else {
                $(this).css({'white-space': 'nowrap'});
            }
        })

效果图：

 

标签：...,space,宽度,超出,white,nowrap,overflow,css
来源： https://www.cnblogs.com/ljingjing/p/14699479.html