关闭

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

标签: htmlcssbordertable
1387人阅读 评论(0) 收藏 举报
分类:

<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>

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:70309次
    • 积分:897
    • 等级:
    • 排名:千里之外
    • 原创:23篇
    • 转载:10篇
    • 译文:0篇
    • 评论:32条
    最新评论