绿野仙踪 » 网页作坊 » 用CSS实现超长字段被省略的简单方法

阿喀琉斯 发表于 2007-10-29 22:38

用CSS实现超长字段被省略的简单方法

[code]<table width="550" border="0" cellpadding="5" cellspacing="1" bgcolor="#007373" style="table-layout:fixed">C1L0fYBt
<tr> Z&^ni?!{8SF+_
<th nowrap bgcolor="#159AA2" style="overflow:hidden; text-overflow:ellipsis; color:#FFFFFF;">List1</th>
eSKqt|$R <th nowrap bgcolor="#159AA2" style="overflow:hidden; text-overflow:ellipsis; color:#FFFFFF;">List2</th>
1G%S]#W\Z <th nowrap bgcolor="#159AA2" style="overflow:hidden; text-overflow:ellipsis; color:#FFFFFF;">List3</th>$rF"S;iH
o/l
</tr>
*u7u:FQo6mJ <tr>
L hGKr @7X3x6U| <td nowrap bgcolor="#E8FFFF" style="overflow:hidden; text-overflow:ellipsis;">用CSS实现超长字段被省略的简单方法</td>)f9T_n(Oq`Z pQ0^5|
<td nowrap bgcolor="#E8FFFF" style="overflow:hidden; text-overflow:ellipsis;">用CSS实现超长字段被省略的简单方法</td>
ap%d e0b^? <td nowrap bgcolor="#E8FFFF" style="overflow:hidden; text-overflow:ellipsis;">用CSS实现超长字段被省略的简单方法</td>e9Er*jI
</tr>+d%N?c+e!MWv&X
</table>[/code]

leihq 发表于 2008-3-17 20:36

谢谢

谢谢发布这些知识，我正在学习这门语言，对我有很大帮助！

leihq 发表于 2008-3-17 23:05

注意的几点

（１）style="table-layout:fixed"　其作用是让表格固定大小显示，如果省略了此句代码，超出单元格的字符将不会被省略．
1f0M0LV0_.Ub-X （２）text-overflow:ellipsis 　显示效果是超长字符被省略的部分将以省略号（．．）代替；
)R
jHTT+[)@7N5?D 　　　text-overflow:clip   　　其显示效果为超长字段省略后，后面没有省略号（．．）

阿喀琉斯 发表于 2008-3-17 23:23

呵~谢谢提醒~

查看完整版本: 用CSS实现超长字段被省略的简单方法