隱藏div的幾種方法

2021-10-20 19:39:29 字數 1199 閱讀 1526

方法1: display

class

="one"

>

div>

.one

方法2: opacity
.two

方法3:rgba
.three

方法4:float:left + margin-left 或 float:right + margin-right 值用負的
.four

方法5: 絕對定位或者固定定位 + left 或者 right 挪出視口外
.five

方法6: margin值等於寬高
.six

方法7: 寬或高值為0
.seven

方法8: box-sizing 使邊框的顏色為背景顏色
.eight

方法9: 同方法8 可用蒙版將盒子蓋住
class

="nine"

>

class

="box9"

>

div>

div>

.nine .box9

方法10: 同方法8 可以用浮動 用乙個盒子蓋住另乙個盒子
class

="ten"

>

class

="box1"

>

div>

class

="box2"

>

div>

div>

.ten .box1

方法11:transform: translatex 將元素移出視口外
.eleven

方法12: transform: rotatex或者rotatey將元素旋轉
.twelve

方法13:visibility:hidden
.thirteen

js jQuery顯示隱藏div的幾種方法

aaadiv js隱藏和顯示div的方式有兩種 方式1 隱藏後釋放占用的頁面空間 通過設定display屬性可以使div隱藏後釋放占用的頁面空間.style display none document.getelementbyid demo style.display none 隱藏document...

JS jQuery顯示隱藏div的幾種方法

div id demo aaa div js隱藏和顯示div的方式有兩種 方式1 隱藏後釋放占用的頁面空間 通過設定display屬性可以使div隱藏後釋放占用的頁面空間.style display none document.getelementbyid demo style.display no...

DIV居中的幾種方法

1.1 body 缺點 body內所有內容一併居中 2.center 缺點 需要設定position屬性,網頁複雜時容易擾亂頁面布局,而且只是元素的起始位置居中 3.1 center 缺點 需要設定div寬度 4.1 center 缺點 需要支援html5 5.1 center 缺點 需要支援htm...