<!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>
CSS Style隐藏div的语句
发表于 2024年6月13日 20:24
返回列表