溢出隐藏

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style>
	dl{
		width: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>

  

posted @ 2016-04-07 21:17  mingjixiaohui  阅读(198)  评论(0编辑  收藏  举报