iframe双滚动栏解决方案 CSS3 overflow-y 属性

最新推荐文章于 2023-03-20 16:06:24 发布

Vincen??

最新推荐文章于 2023-03-20 16:06:24 发布

阅读量148

点赞数

原文链接：http://www.cnblogs.com/yutingliuyl/p/7338638.html

版权

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

转载于:https://www.cnblogs.com/yutingliuyl/p/7338638.html

优惠劵

Vincen??

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
iframe双滚动栏解决方案 CSS3 overflow-y 属性

裁剪 div 元素中内容的左/右边缘 - 假设溢出元素的内容区域的话：div{overflow-y:hidden;}<!DOCTYPE html><html><head><style> div{width:110px;height:110px;border:thin...
复制链接

扫一扫