使用 overflow:scroll属性设置滚动裁剪溢出
实例代码：
<!doctype html>
<html>
<head>
<meta charset="uft-8">
<style>
div{
width:400px;
height:200px;
background-color:pink;
border:1px dotted black;
padding:10px;
text-indent:2em;
overflow:scroll;/*裁剪溢出*/
}
</style>
<head/>
<body>
<h1>overflow:scroll 属性</h1>
<p>如果将值设置为 scroll，溢出将被裁剪，并添加滚动条以便在框内滚动。</p>
<div>
这是一个剪裁溢出的字段。
这是一个剪裁溢出的字段。
这是一个剪裁溢出的字段。
这是一个剪裁溢出的字段。
这是一个剪裁溢出的字段。
这是一个剪裁溢出的字段。
这是一个剪裁溢出的字段。
这是一个剪裁溢出的字段。
这是一个剪裁溢出的字段。
这是一个剪裁溢出的字段。
这是一个剪裁溢出的字段。
这是一个剪裁溢出的字段。
这是一个剪裁溢出的字段。
这是一个剪裁溢出的字段。
这是一个剪裁溢出的字段。
这是一个剪裁溢出的字段。
这是一个剪裁溢出的字段。
这是一个剪裁溢出的字段。
这是一个剪裁溢出的字段。
</div>
</body>
</html>
运行效果：
评论