字符串根据宽度自动添加省略号（CSS）

返回顶部
查看留言
转到底部

现在的位置: 首页 > 综合 > 正文

RSS

字符串根据宽度自动添加省略号（CSS）

2012年12月26日 ⁄ 综合 ⁄ 共 1603字 ⁄ 字号小中大 ⁄ 评论关闭

摘自：http://www.jb51.net/article/3622.htm

关键CSS代码：

text-overflow:ellipsis;overflow:hidden;white-space: nowrap;padding:2px

以下是实例：

Code

实例2：如果是在<div></div>或者<li></li>里面又怎么做呢？

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML>

<HEAD>

<TITLE> New Document </TITLE>

<style>

.ctl {text-overflow:ellipsis;overflow:hidden;white-space: nowrap;padding:2px}

</style>

</HEAD>

<BODY>

<div class="ctl" style="width:234;height:99;background:cyan;">标题扩大副教授的士大夫看见似的看来法艰苦但是第十六棵飞机立刻标题扩大副教授的士大夫看见似的看来法艰苦但是第十六棵飞机立刻</div>

<ul class="ctl" style="width:234;"><li>标题扩大副教授的士大夫看见似的看来法艰苦但是第十六棵飞机立刻标题扩大副教授的士大夫看见似的看来法艰苦但是第十六棵飞机立刻</li><li>标题扩大副教授的士大夫看见似的看来法艰苦但是第十六棵飞机立刻标题扩大副教授的士大夫看见似的看来法艰苦但是第十六棵飞机立刻</li></ul>

</BODY>