表格内容过长省略号代替

最新推荐文章于 2021-08-07 10:29:54 发布

iteye_6511

最新推荐文章于 2021-08-07 10:29:54 发布

阅读量322

点赞数

分类专栏： css 文章标签： css

本文链接：https://blog.csdn.net/iteye_6511/article/details/82482628

版权

css 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

<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;
}  
</style>  
</head>  
<body>  
<table border="1" width="300px" >  
<tr >  
<td>fffffffffffffffffff！</td>  
<td title="">cccccccccccccc</td>      
<td><span title="aa">1233333333123333333312333333333</span></td>  
<td>1233333333123333333312333333333</td>  
<td>1233333333123333333312333333333</td>  
</tr>  
</table>  
<body>  
</html>

参数：

clip : 　不显示省略标记（...），而是简单的裁切

ellipsis : 　当对象内文本溢出时显示省略标记（...）

说明：

设置或检索是否使用一个省略标记（...）标示对象内文本的溢出。