css控制元素隱藏和顯示的方法是什么

css
小億
114
2023-08-08 09:28:20
欄目: 編程語言

CSS控制元素隱藏和顯示的方法有以下幾種：

  1. display屬性：可以設(shè)置為none來隱藏元素，設(shè)置為block或其他合適的值來顯示元素。
.hidden {
display: none;
}
.visible {
display: block;
}
  1. visibility屬性：可以設(shè)置為hidden來隱藏元素，設(shè)置為visible來顯示元素。不同于display屬性，隱藏的元素仍會(huì)占據(jù)空間。
.hidden {
visibility: hidden;
}
.visible {
visibility: visible;
}
  1. opacity屬性：可以通過設(shè)置為0來隱藏元素，設(shè)置為1來顯示元素。不同于display屬性和visibility屬性，隱藏的元素仍會(huì)占據(jù)空間。
.hidden {
opacity: 0;
}
.visible {
opacity: 1;
}
  1. height和width屬性：可以通過設(shè)置為0來隱藏元素，設(shè)置為auto或其他合適的值來顯示元素。不同于display屬性、visibility屬性和opacity屬性，隱藏的元素不會(huì)占據(jù)空間。
.hidden {
height: 0;
width: 0;
}
.visible {
height: auto;
width: auto;
}

0 踩