<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
dl{
240px;
border:solid 1px #ccc;
}
dd{
/* 强制在一行 */
white-space:nowrap;
/* 超出隐藏 */
overflow:hidden;
/* 省略号 */
text-overflow:ellipsis;
}
</style>
</head>
<body>
<dl>
<dt>搜藏新闻</dt>
<dd>说到构建工具，我往往会在前面加「自动化」三个字，</dd>
<dd>因为构建工具就是用来让我们不再做机械重复的事情，解放我们的双手的。</dd>
<dd>化你的工作。当你在 Gruntfile 文件正确配置好了任务，任务运行器就会自动帮你或你的小组完</dd>
<dd>态系统非常庞大，并且一直在增长。由于拥有数量庞大的插件可供选择，因此，你可以利用Grunt自动完成任何事，并</dd>
</dl>
</body>
</html>