裁剪 div 元素中内容的左/右边缘 - 假设溢出元素的内容区域的话:

div
{
overflow-y:hidden;
}



<!DOCTYPE html>
<html>
<head>
<style> 
div
{
width:110px;
height:110px;
border:thin solid black;
overflow-x:hidden;
overflow-y:hidden;
}
</style>
</head>
<body>
<div><p style="width:140px">
这是一个段落。这是一个段落。这是一个段落。这是一个段落。
这是一个段落。

这是一个段落。这是一个段落。

这是一个段落。

这是一个段落。这是一个段落。这是一个段落。这是一个段落。 这是一个段落。这是一个段落。

这是一个段落。

这是一个段落。

这是一个段落。这是一个段落。这是一个段落。这是一个段落。

</p></div>

<p>Overflow-x 是否对内容的左/右边缘进行裁剪。</p>
<p>Overflow-y 是否对内容的上/下边缘进行裁剪。</p>
</body>
</html>

posted on 2017-08-10 12:31  yutingliuyl  阅读(132)  评论(0编辑  收藏  举报