最新更新主题

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

字体: 小 中 大 | 打印 发表于: 2007-10-29 22:38    作者: 阿喀琉斯    来源: 耶利亚

CODE:

<table width="550" border="0" cellpadding="5" cellspacing="1" bgcolor="#007373" style="table-layout:fixed">
<tr>
<th nowrap bgcolor="#159AA2" style="overflow:hidden; text-overflow:ellipsis; color:#FFFFFF;">List1</th>
<th nowrap bgcolor="#159AA2" style="overflow:hidden; text-overflow:ellipsis; color:#FFFFFF;">List2</th>
<th nowrap bgcolor="#159AA2" style="overflow:hidden; text-overflow:ellipsis; color:#FFFFFF;">List3</th>
</tr>
<tr>
<td nowrap bgcolor="#E8FFFF" style="overflow:hidden; text-overflow:ellipsis;">用CSS实现超长字段被省略的简单方法</td>
<td nowrap bgcolor="#E8FFFF" style="overflow:hidden; text-overflow:ellipsis;">用CSS实现超长字段被省略的简单方法</td>
<td nowrap bgcolor="#E8FFFF" style="overflow:hidden; text-overflow:ellipsis;">用CSS实现超长字段被省略的简单方法</td>
</tr>
</table>



我也来说两句 查看全部回复

最新回复

  • leihq (2008-3-17 20:36:34)

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

  • leihq (2008-3-17 23:05:46)

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

  • 阿喀琉斯 (2008-3-17 23:23:54)

    呵~谢谢提醒~
查看全部回复 我也来说两句