大家好,今天來為大家解答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é)束了,希望對大家有所幫助。