CSS自动限制文本显示字数
http://www.zftb.cn  发布时间:2015-08-29 11:03 来源:一起学编程网 浏览:加载中
  有时候网页中的某段文本太长了,会影响整个网页的布局,很多人用动态语言来解决这个问题,但必须区分中文和英文,因为中文相当于两个英文字符长度,这样不仅繁琐,而且加重了服务器的负担。其实,我们完全可以使用CSS完美解决这个问题,具体的代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="www.w3.org/1999/xhtml">
<head>
<title>CSS自动限制文本显示字数</title>
<meta http-equiv="content-type" content="text/html;charset=gb2312">
<style type="text/css">
.ctl{table-layout:fixed}.ctl td{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;padding:2px}
</style>
</head>
<body>
<table width="200" cellspacing="0" cellpadding="0" border="1" class="ctl">  
  <tr>
    <td>一起学编程网www.zftb.cn</td>
  </tr>
</table>
</body>
</html>
 

 
如果你有好的win10资讯或者win10教程,以及win10相关的问题想要获得win10系统下载的关注与报道。
欢迎加入发送邮件到657025171#qq.com(#替换为@)。期待你的好消息!