HTML中利用CSS来使表格里的数据过长时用...或省略显示

<html>
 <head><title>让表格里的数据按宽度显示,并多出的部分隐藏用...</title>
  <style type="text/css">
    table
    {
       border-collapse:collapse;
       width:484px;
      table-layout:fixed;
       }
    td {
      overflow:hidden;
      text-overflow:ellipsis;
     }
   </style>
  </head>
 <body>
<table width="200" borderColor="#7788cc" border="1" style="table-layout:fixed;">
<tr>
<td width="80" title="人生最痛苦的事就是失去最亲的人。">
<nobr>人生最痛苦的事就是失去最亲的人。</nobr></td>
<td><nobr>人生最痛苦的事就是失去最亲的人。</nobr></td>
<td><nobr>人生最痛苦的事就是失去最亲的人。</nobr></td>
</tr>
</table>
</body>
</html>

你可能感兴趣的:(html,css,table,border)