css overflow-x overflow-y.html

最新推荐文章于 2023-04-23 23:26:59 发布

学无止境慢慢来

最新推荐文章于 2023-04-23 23:26:59 发布

阅读量195

点赞数

分类专栏： CSS

原文链接：https://www.w3school.com.cn/cssref/pr_overflow-x.asp

版权

CSS 专栏收录该内容

71 篇文章 0 订阅

订阅专栏

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>css overflow-x overflow-y</title>
    <style>
        /*参考：https://www.w3school.com.cn/cssref/pr_overflow-x.asp
        知识点：
        1.overflow-x 属性规定是否对内容的左/右边缘进行裁剪 - 如果溢出元素内容区域的话。
            overflow-x: visible|hidden|scroll|auto;
        2.overflow-y 属性规定是否对内容的上/下边缘进行裁剪 - 如果溢出元素内容区域的话。
            overflow-y: visible|hidden|scroll|auto;*/
        div {
            width: 110px;
            height: 110px;
            border: thin solid black;
            overflow-x: hidden;
            overflow-y: scroll;
            /*对内容进行预格式化，所见即所得。*/
            white-space: pre;
        }
    </style>
</head>
<body>
<div>
    这是一个段落。这是一个段落。这是一个段落。这是一个段落。
    这是一个段落。这是一个段落。这是一个段落。这是一个段落。
    这是一个段落。这是一个段落。这是一个段落。这是一个段落。
    这是一个段落。这是一个段落。这是一个段落。这是一个段落。
    这是一个段落。这是一个段落。这是一个段落。这是一个段落。
</div>
<p>Overflow-x 是否对内容的左/右边缘进行裁剪。</p>
<p>Overflow-y 是否对内容的上/下边缘进行裁剪。</p>
</body>
</html>

学无止境慢慢来

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
css overflow-x overflow-y.html

<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>overflow-x && overflow-y</title> <style> /*参考：https://www....
复制链接

扫一扫