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

原创 2011年01月12日 11:14:00

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

css实现文字过长显示省略号的方法

 当对象内文本溢出时显示省略标记 这是一个例子,其实我们只需要显示如下长度: css实现网页中文字过长截取... title class应该这样写: .title{ width:300p...
  • u012531787
  • u012531787
  • 2014年01月20日 14:29
  • 7066

HTML怎么让table中的td内容过长显示为固定长度,多余部分用省略号代替

HTML如何让table中的td内容过长显示为固定长度,多余部分用省略号代替 这个问题呢,是由于我们公司测试的部门测出来的,虽然说测试的内容本身就是个BUG,不过这个也让我学到了一个比较好的...
  • tuntun1120
  • tuntun1120
  • 2017年06月07日 20:07
  • 2820

css 名称过长自动显示省略号

.title { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 300px; }
  • xjinza
  • xjinza
  • 2012年09月22日 18:21
  • 618

怎么让过长的标题隐藏过长部分在li内并且过长部分用省略号显示

标题隐藏过长部分
  • Shsgear
  • Shsgear
  • 2016年10月26日 15:55
  • 1504

HTML怎么让table表格中的td单元格内容过长显示为固定长度,多余部分用省略号代替?

表格中文本过长,让超出的部分显示为省略号,鼠标划过的时候显示全名,很好的解决办法。...
  • zhezhebie
  • zhezhebie
  • 2017年02月06日 13:20
  • 11922

css 文本溢出时显示省略标记(...)

ul {width:300px; margin:50px auto;}   li {width:300px; line-height:25px; text-overflow:ellipsis; wh...
  • haibo0668
  • haibo0668
  • 2016年07月02日 14:16
  • 259

设置div中文字超出时自动换行和css实现文本超出N行之后显示省略号等

一、对于div强制换行 1.(IE浏览器)white-space:normal; word-break:break-all;这里前者是遵循标准。 #wrap{white-space:normal; w...
  • Lpandeng
  • Lpandeng
  • 2017年06月06日 17:50
  • 4623

html 隐藏多余字段,显示省略号

把文本限制在一行(white-space: nowrap;),肯定这一行是有限制的(width),并且你的溢出的部分要隐藏起来(overflow: hidden;),然后出现省略号( text-ove...
  • meandmyself
  • meandmyself
  • 2015年06月14日 09:57
  • 3433

文本超长显示省略号,鼠标移上显示全部

1、本方案为纯CSS 关键css overflow: hidden; text-overflow: ellipsis; white-space: nowrap; 原理...
  • wxnjob
  • wxnjob
  • 2014年12月18日 19:01
  • 4357

CSS3文字溢出显示省略号

显示多行: .pro-list .pro-brief-title{line-height: 1.3em;height: 2.6em;overflow: hidden; /* 新属性 */text-ov...
  • guodengh
  • guodengh
  • 2015年10月30日 15:35
  • 1787
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:HTML中利用CSS来使表格里的数据过长时用...或省略显示
举报原因:
原因补充:

(最多只允许输入30个字)