使用 overflow:hidden 属性设置裁剪溢出
实例代码：
<html>
<head>
<meta charset="utf-8">
<style>
div{
width:200px;
height:80px;
border:1px dotted black;
text-indent:2em;
overflow:hidden;/*设置裁剪溢出*/
padding:20px;
}
</style>
</head>
<body>
<h1>overflow:hidden 裁剪溢出实例</h1>
<p>若使用 hidden 值，会剪裁溢出，并隐藏内容的其余部分：</p>
<div>这个字段有一部分被裁剪掉了。这个字段有一部分被裁剪掉了。这个字段有一部>分被裁剪掉了。这个字段有一部分被裁剪掉了。这个字段有一部分被裁剪掉了。这个字段有
一部分被裁剪掉了。这个字段有一部分被裁剪掉了。这个字段有一部分被裁剪掉了。</div>
</body>
</html>
运行效果：
评论