1.17安卓测试

今天在idea进行安卓虚拟机测试成功，昨天的错误是因为版本不兼容
启动虚拟机

运行测试

今天学习了溢出属性overflow
visible为默认值，内容会超出元素的边界并显示在元素之外，不会被裁剪
当 overflow 属性值为 hidden 时，超出元素边界的内容会被裁剪掉，不会显示
代码示例：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <style>
        .box {
            width: 100px;
            height: 100px;
            border: 1px solid black;
            overflow: hidden;
        }
    </style>
</head>
<body>
    <div class="box">
        文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本
    </div>
</body>
</html>

当 overflow 属性值为 scroll 时，无论内容是否溢出，元素都会显示滚动条，用户可以通过滚动条查看溢出的内容
代码示例：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <style>
        .box {
            width: 100px;
            height: 100px;
            border: 1px solid black;
            overflow: scroll;
        }
    </style>
</head>
<body>
    <div class="box">
        文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本
    </div>
</body>
</html>
posted @ 2025-01-17 20:10  再报错就堵桥0  阅读(9)  评论(0)    收藏  举报