今天有人问td 百分比内的内容，超出部分能变成省略号吗？她说知道div的固定宽度能隐藏变省略号。
之前我没有注意过这个问题。只记过divli什么的可以固定具体的宽度，变省略号。然后我百度了下，有用overflow:hidden; white-space:nowrap;在td百分比中隐藏的，之前我总结过一份文档里面的第79条是这个的。应该有些人在群里下载过吧，也许都没看过吧。好多都喜欢把所有人为或者别人认为好的东西装在自己的口袋里，却不加以利用，占用了口袋了，要是储存的过久坏了什么的就更不好了。
再多试一次你就会了，但是你就是不试，然后说，哎呀所有的样式都在行内的，还是麻烦，我又把他们调出来ok也是可以的。然后，举一反三。亲手尝试。行内样式，链接样式，嵌入式都ok，都试验了。
<!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=utf-8″ />
<title>无标题文档</title>
<style type=”text/css”>
.a{overflow:hidden; text-overflow:ellipsis;white-space:nowrap;}
</style>
</head>
<body>
<table width=”100%” border=”1″ cellspacing=”0″ cellpadding=”0″ style=”table-layout:fixed”>
<tr>
<td width=”20%”> </td>
<td width=”60%” class=”a” >brbrblfbrgtrbtrfrbrblfbrgtrbtrfbrrbrblfbrgtrbtrfbrrbrblfbrgtrbtrfbrrbrblfbrgtrbtrfbrrbrblfbrgtrbtrfbrrbrblfbrgtrbtrfbrrbrblfbrgtrbtrfbrrbrblfbrgtrbtrfbrrbrblfbrgtrbtrfbrrbrblfbrgtrbtrfbrrbrb[d[v</td>
<td width=”20%”> </td>
</tr>
</table>
</body>
</html>
overflow属性–原本是ie浏览器独自开发的属性，由于在css3中被采用，得到了其他浏览器的支持。
指定对于盒内容纳不下的内容显示的方法。
Overflow：hidden 对于超出容纳范围的文字会被隐藏。
Overflow：scroll div元素出现固定的水平滚动条与垂直滚动条
Overflow：auto 当文字超出是根据需要才会出现水平滚动条或者垂直滚动条
Overflow：visible 则显示效果与不使用overflow属性时一样
Overflow-x、Overflow-y可以单独指定水平方向上或者垂直方向上内容超出盒的容纳范围时的显示方法。出现滚动条。
Text-overflow：设置内容在水平方向出现省略号。（white-space：nowrap使得盒右端内容不能换行显示。）
.text{
width:200px;/*有宽度才有限制*/
overflow:hidden;/*多出来的隐藏*/
text-overflow:ellipsis;/*显示省略号*/
white-space:nowrap;/*不换行*/
-o-text-overflow:ellipsis;
-webkit-text-overflow:ellipsis;
-moz-text-overflow:ellipsis;
}
表格也显示
<div class=”text”>文字实例文字实例文字实例文字实例文字实例文字实例文字实例文字实例文字实例文字实例文字实例文字实例文字实例文字实例文字实例文字实例文字实例文字实例文字实例文字实例文字实例文字实例文字实例文字实例文字实例文字实例文字实例文字实例文字实例文字实例文字实例文字实例文字实例文字实例文字实例文字实例文字实例文字实例文字实例文字实例文字实例文字实例文字实例文字实例文字实例文字实例文字实例文字实例文字实例文字实例文字实例文字实例文字实例文字实例文字实例文字实例文字实例文字实例文字实例文字实例文字实例文字实例文字实例文字实例文字实例文字实例文字实例文字实例</div>
3、某些模板的控制字符，超出显示省略号“…”
<!–%
For each Item In GCMS.Channels
GCMS.ContentID = Item.ContentID
%–>
<li class=”linea”><a href=”<!–%Response.Output GCMS.Content(“Url”)%–>” title=”<!–%Response.Output GCMS.Content(“Title”)%–>”><!–%Response.Output GCMS.ContentLenWithMark(“Title”,103,”…”)%–></a><span><!–%
‘时间
Response.Output FormatDateTime(GCMS.Content(“SubmitDate”),vbShortDate)
%–></span></li>
<!–%
Next
%–>
