网页的本质就是超级文本标记语言,通过结合使用其他的Web技术(如:脚本语言、公共网关接口、组件等),可以创造出功能强大的网页。因而,超级文本标记语言是万维网(Web)编程的基础,也就是说万维网是建立在超文本基础之上的。超级文本标记语言之所以称为超文本标记语言,是因为文本中包含了所谓“超级链接”点。
文本溢出始终是一个大问题,尤其是在程序化环境中。总是只有这么多的空间,但可变的内容可以添加到该空间。我最近在一个用于显示用户信息的表上工作,并注意到更长的字符串打破了表格显示。显而易见的解决方案是overflow: hidden为表格单元格添加一个设置,但即使这样,文本看起来也不自然地被切断了。使文本溢出优雅的方法是使用省略号和CSS'文本溢出属性。让我们来看看!
CSS
创建省略号后面的CSS非常简单,包括宽度,包装,溢出和文本溢出:
.dataTable td {
/ * essential * /
text-overflow :ellipsis ;
width: 200px ;
white-space: nowrap ;
overflow:hidden ;
/ *外观漂亮* /
padding: 10px;
}
设置宽度提供明显的边界,白色空间阻止正常的下一行换行,隐藏溢出确保宽度维度得到遵守,文本溢出设置提供省略号。太棒了吧?但是有一个问题......
不幸的是,Firefox目前不支持文本溢出:省略号。Dojo Toolkit为Firefox提供了一个简单的解决方案: dojox.html.ellipsis。此资源使用iFrame填充程序来创建省略号。以下是如何使用它: