使用CSS限制文字长度的方法 CSS控制链接文字长度

时间:2009-12-21 11:47来源:未知作者:admin 点击: 次

分享到：

你有没有试过网页的内容太多，会把页面搞得好难看，在做文字连接时，多出的文字如何处理问题，下面使用CSS就可以限制多出的文字以...表示，够强吧，下面看下CSS如何实现的？先看

你有没有试过网页的内容太多，会把页面搞得好难看，在做文字连接时，多出的文字如何处理问题，下面使用CSS就可以限制多出的文字以...表示，够强吧，下面看下CSS如何实现的？

先看下源代码：

Code [http://www.xueit.com]

<style type="text/css">
.table{table-layout:fixed}
.table td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
</style>
<table width="200" border="1" class="table">
 <tr>
  <td>我要测试文字长度限制我要测试文字长度限制我要测试文字长度限制我要测试文字长度限制我要测试文字长度限制我要测试文字长度限制我要测试文字长度限制</td>
  <td>我要测试文字长度限制我要测试文字长度限制</td>
  <td>我要测试文字长度限制我要测试文字长度限制我要测试文字长度限制我要测试文字长度限制我要测试文字长度限制</td>
 </tr>
</table>

效果图：

不错吧，过长的文字以...表示出来，做文字链接也可以使用width:264px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap，顺序不错改变，需指定width长度。

作者：dodo
出处：http://www.xueit.com/html/2009-11-30/36-136976547815.html

本文版权归作者和学IT网共有,欢迎转载,但未经作者同意必须保留此段声明,并且保留原文链接。否则保留追究法律责任的权利。

上一篇：简单代码实现div中英文自动换行
下一篇：纯CSS圆角框增加版透明圆角化背景图片

分享到： QQ空间新浪微博人人网开心网更多

精彩图集

BS项目中的

css实现气泡

精彩文章

热点文章

使用CSS限制文字长度的方法 CSS控制链接文字长度

热门标签

赞助商链接