- N +

visibility css,css section

大家好,今天來為大家解答visibility css這個(gè)問題的一些問題點(diǎn),包括css section也一樣很多人還不知道,因此呢,今天就來為大家分析分析,現(xiàn)在讓我們一起來看看吧!如果解決了您的問題,還望您關(guān)注下本站哦,謝謝~

css可以控制的顯示樣式是

disply:block/none

visibility:hidden/show

怎么在html中顯示隱藏div

div的visibility可以控制div的顯示和隱藏,但是隱藏后頁面顯示空白:通過設(shè)置display屬性可以使div隱藏后釋放占用的頁面空間,如下

js將控件隱藏及display屬性的使用介紹

用JavaScript隱藏控件的方法有兩種,分別是通過設(shè)置控件的style的“display”和“visibility”屬性。當(dāng)style.display="block"或style.visibility="visible"時(shí)控件或見,當(dāng)style.display="none"或style.visibility="hidden"時(shí)控件不可見。不同的是“display”不但隱藏控件,而且被隱藏的控件不再占用顯示時(shí)占用的位置,而“visibility”隱藏的控件僅僅是將控件設(shè)置成不可見了,控件仍然占俱原來的位置。

functiondisplayHideUI()

{

varui=document.getElementById("bbs");

ui.style.display="none";

}

functiondisplayShowUI()

{

varui=document.getElementById("bbs");

ui.style.display="";//display為空的話會好使,為block會使后邊的空間換行

}

functionvisibilityHideUI()

{

varui=document.getElementById("bbs");

ui.style.visibility="hidden";

}

functionvisibilityShowUI()

{

varui=document.getElementById("bbs");

ui.style.visibility="visible";

}

</script>

值描述

none此元素不會被顯示。

block此元素將顯示為塊級元素,此元素前后會帶有換行符。

inline默認(rèn)。此元素會被顯示為內(nèi)聯(lián)元素,元素前后沒有換行符。

inline-block行內(nèi)塊元素。(CSS2.1新增的值)

list-item此元素會作為列表顯示。

run-in此元素會根據(jù)上下文作為塊級元素或內(nèi)聯(lián)元素顯示。

compactCSS中有值compact,不過由于缺乏廣泛支持,已經(jīng)從CSS2.1中刪除。

markerCSS中有值marker,不過由于缺乏廣泛支持,已經(jīng)從CSS2.1中刪除。

table此元素會作為塊級表格來顯示(類似<table>),表格前后帶有換行符。

inline-table此元素會作為內(nèi)聯(lián)表格來顯示(類似<table>),表格前后沒有換行符。

table-row-group此元素會作為一個(gè)或多個(gè)行的分組來顯示(類似<tbody>)。

table-header-group此元素會作為一個(gè)或多個(gè)行的分組來顯示(類似<thead>)。

table-footer-group此元素會作為一個(gè)或多個(gè)行的分組來顯示(類似<tfoot>)。

table-row此元素會作為一個(gè)表格行顯示(類似<tr>)。

table-column-group此元素會作為一個(gè)或多個(gè)列的分組來顯示(類似<colgroup>)。

table-column此元素會作為一個(gè)單元格列顯示(類似<col>)

table-cell此元素會作為一個(gè)表格單元格顯示(類似<td>和<th>)

table-caption此元素會作為一個(gè)表格標(biāo)題顯示(類似<caption>)

inherit規(guī)定應(yīng)該從父元素繼承display屬性的值。

OK,關(guān)于visibility css和css section的內(nèi)容到此結(jié)束了,希望對大家有所幫助。

返回列表
上一篇:
下一篇: