裁剪 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>