CSS中的visibility屬性用于控制一個(gè)元素的可見性。它可以設(shè)置為以下三個(gè)取值：

visibility: visible;
visibility: hidden;
visibility: collapse;

下面我們來分別解釋一下這三個(gè)取值的含義：

• visible

  這是默認(rèn)值。元素是可見的，并且在頁面中占據(jù)空間。如果將元素的visibility屬性設(shè)置為visible，它將變?yōu)榭梢姷摹?/p>

• hidden

  元素是不可見的，但是仍然在頁面中占據(jù)空間。如果將元素的visibility屬性設(shè)置為hidden，它將在頁面中不可見。雖然元素不可見，但它的盒模型依然存在。也就是說，元素的空間占用仍然存在，不影響網(wǎng)頁布局。

• collapse

  主要應(yīng)用于表格、表格行和表格單元格等元素，將其內(nèi)容和邊框隱藏，但是表格的單元格依然存在。如果將元素的visibility屬性設(shè)置為collapse，它將在頁面中不可見，并且在表格中不占用空間。

總結(jié)一下，visibility屬性可以控制元素的可見性，有三個(gè)取值：visible、hidden和collapse。此外，這三個(gè)取值對(duì)網(wǎng)頁布局的影響是不同的，我們在使用時(shí)要慎重考慮。