css属性中，有着众多的小技巧，一直觉得overflow是其中一个，在主页显示显示小标题时，我们可以使用它来显示内容，避免产生换行从而使内容看起来恶心，当然，一般的网站主页在后台都会对标题的长度作出限定长度，然而，往往几个字不能准确描述新闻或文章的概要，这时可以考虑使用overflow这个属性
实现如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>text-overflow</title>
</head>
<body>
<style type="text/css">
.test_demo_clip{text-overflow:clip; overflow:hidden; white-space:nowrap; width:200px; background:green;}
.test_demo_ellipsis{text-overflow:ellipsis; overflow:hidden; white-space:nowrap; width:200px; background:green;}
div{
margin: 15px 0;
}
</style>
<h2>text-overflow : clip </h2>
<div>不显示省略标记，而是简单的裁切条</div>
<div class="test_demo_clip">
不显示省略标记，而是简单的裁切条
</div>
<h2>text-overflow : ellipsis </h2>
<div>当对象内文本溢出时显示省略标记</div>
<div class="test_demo_ellipsis">
当对象内文本溢出时显示省略标记
</div>
</body>
</html>
具体效果如下：
