table td里面的内容多的话出...

<html>
<head>
<title>table style</title>
<style>
.jiguan{
word-wrap: break-word;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
max-width: 100px;
}
</style>
</head>
<body>
<table style=" 659px;text-align: center;">
<thead>
<tr>
<th>姓名</th><th>性别</th><th>年龄</th><th class="jiguan">籍贯</th>
</tr>
</thead>
<tbody>
<tr>
<td>lindsay</td><td>female</td><td>25</td><td class="jiguan">河南省平顶山市郏县</td>
</tr>
<tr>
<td>lindsay</td><td>female</td><td>25</td><td class="jiguan">河南省平顶山市郏县河南省平顶山市郏县河南省平顶山市郏县河南省平顶山市郏县</td>
</tr>
<tr>
<td>lindsay</td><td>female</td><td>25</td><td class="jiguan">河南省平顶山市郏县河南省平顶山市郏县</td>
</tr>
<tr>
<td>lindsay</td><td>female</td><td>25</td><td class="jiguan">河南省平顶山市郏县河南省平顶山市郏县河南省平顶山市郏县河南省平顶山市郏县河南省平顶山市郏县河南省平顶山市郏县河南省平顶山市郏县河南省平顶山市郏县</td>
</tr>
<tr>
<td>lindsay</td><td>female</td><td>25</td><td class="jiguan">河南省平顶山市郏县</td>
</tr>
</tbody>
</table>
</body>
</html>
原文地址:https://www.cnblogs.com/lindsayzhao103011/p/3399146.html