直接上代码:
html:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>test</title>
</head>
<body>
<table width="500px" align="center" id="tableSort" border="2px">
<thead>
<tr style="height: 25px;">
<th style="cursor: pointer;">数据Id</th>
<th style="cursor: pointer;">操作状态</th>
<th style="cursor: pointer;">数据</th>
<th style="cursor: pointer;">上载时间</th>
<th style="cursor: pointer;">失败原因</th>
</tr>
</thead>
<tbody>
<tr style="height: 25px; text-align: center;">
<td style="width: 10%; word-break: break-all; word-wrap:break-word; ">
aaaaaaa
</td>
<td style="width: 10%; word-break: break-all; word-wrap:break-word; ">
bbbbbbb
</td>
<td style="width: 40%; word-break: break-all; word-wrap:break-word; ">
cccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccc
</td>
<td style="width: 10%; word-break: break-all; word-wrap:break-word; ">
ddddddd
</td>
<td style="width: 10%; word-break: break-all; word-wrap:break-word; ">
eeeeeee
</td>
</tr
</tbody>
</table>
</body>
</html>
效果图: