使用 CSS来完成表格、span 中用省略号 ...代替过长文字

manmonth2004

于 2009-12-08 17:44:50 发布

阅读量306

点赞数

分类专栏： html/js/css 文章标签： CSS IE Firefox XML HTML

html/js/css 专栏收录该内容

6 篇文章

订阅专栏

本文介绍了一种使用HTML和CSS进行表格布局的方法，通过固定布局和文本溢出处理等技术手段，实现了信息的有效展示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<html>
<head>
 <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<style type="text/css">
table{table-layout: fixed}
td {text-overflow:ellipsis;overflow: hidden;}
span {display:block;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;/*just for IE */}
</style>
</head>
<body>
<table border="1" width="355px" >
<tr >
 <td>aaaaaaaaaaaaaaaaaaa！</td>
 <td title="">aaaaaaaaaaaaaaa</td>    
<td>123333333333333333333333333333333333</td>
<td>123333333333333333333333333333333333</td>
<td>123333333333333333333333333333333333</td>
<td><center><span  style='background-color: transparent;' title=11:00---24:00>11:00---24:00</center></span<td>
</tr>
</table>
<body>
</html>