CSS为HTML标记语言提供了一种样式描述，定义了其中元素的显示方式。CSS在Web设计领域是一个突破。利用它可以实现修改一个小的样式更新与之相关的所有页面元素。
核心的CSS代码：
text-overflow:ellipsis
具体看个实例就很清楚了。如下：
<!DOCTYPE html>
<html>
<head>
<style>
div.test
{
white-space:nowrap;
width:12em;
overflow:hidden;
border:1px solid #000000;
}
</style>
</head>
<body>
<p>下面的 div 包含无法在框中容纳的长文本。正如您所见，文本被修剪了。</p>
<p>这个 div 使用 "text-overflow:ellipsis" ：</p>
<div class="test" style="text-overflow:ellipsis;">强制不换行，超出显示省略号。
强制不换行，超出显示省略号。
强制不换行，超出显示省略号。</div>
</body>
</html> 
网友评论文明上网理性发言 已有0人参与
发表评论: