查看: 109  |  回复: 0
  CSS Style隐藏div的语句
楼主
发表于 2024年6月13日 20:24
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
</head>
<body>

<style>
.invisible-div {
    position: absolute;
    left: -9999px; /* 水平方向放到视口左侧 */
    top: -9999px; /* 垂直方向放到视口顶端 */
    width: 100px; /* 设置宽度 */
    height: 100px; /* 设置高度 */
    overflow: hidden; /* 确保div内容不会显示 */
    }
</style>

<div class="invisible-div">
这个div是不可见的。
</div>

<div class="css1" style="display:none;">隐藏的内容</div>
<div class="css1" style="display:block;">显示的内容1</div>
<div class="css1" style="display:inline-block;">显示的内容2</div>

</body>


您需要登录后才可以回帖 登录 | 立即注册
【本版规则】请勿发表违反国家法律的内容,否则会被冻结账号和删贴。
用户名: 立即注册
密码:
2020-2024 MaNongKu.com