table中td內容過長 省略號顯示

首先設置 css樣式：

    table { table-layout: fixed;}

HTML中的table代碼：

<tr>
   <th class="col-md-1">用戶ID</th>
    <th class="col-md-1">用戶名</th>
    <th class="col-md-1">聯系電話</th>
    <th class="col-md-1">郵箱</th>
    <th class="col-md-4">描述 </th>
    <th class="col-md-2">添加時間</th>
    <th class="col-md-2">操作</th>
</tr>
【對於bootstrap應該設置th的固定寬度】

設置td超過固定寬度自動顯示為省略號：

table tr td {
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
    -moz-text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
}