display可以控制標籤的顯示模式

2021-10-08 17:17:42 字數 678 閱讀 3592

-display:none|inline|block|inline-block

-繼承性:無

-display值的解釋:

~none:此元素不被顯示,此文件中被移除。與visibility屬性的hidden值不同,其不為被隱藏的物件保留其物理空間

~block:此元素按塊級元素顯示:前後換行符,自己佔一行。內聯元素–>塊元素

~inline:此元素按內聯元素顯示:1個挨著1個。塊元素–>內聯元素

~inline-block:按行內標籤進行排版,但是可以設定寬高,而且高度可以影響行高

display

: inline;

/*可以讓元素編成行內的標籤*/

display

: block;

/*可以將元素編成塊級標籤*/

display

: none;

/*可以讓標籤在整個頁面中移除掉*/

visibility

: hidden;

/*可見性為隱藏,知識不顯示,但還是占用頁面空間*/

注意:行內元素不能設定寬高,如果是設定寬高是不會影響行內元素顯示的,只能通過內容撐開

元素顯示方式的轉換:

input和img兩個行內塊級元素轉行內元素時無效的

轉轉塊級元素有效

display標籤擴充套件 根據表頭控制列寬

部落格 網路硬碟 display標籤 displaytag 對於 寬度的控制不是很智慧型,因此有了通過包裝器來擴充套件其功能的想法。最終實現的功能就是 根據表頭標題的寬度,來自動分配表列的寬度,提供兩種模式 字元寬度模式 使用em 及百分比模式,標籤中指定headerclass nosize 的時候...

vue控制元素顯示隱藏 Vue控制元素的顯示和隱藏

本篇文章我們通過vue的標籤來控制指定元素的因此與顯示,直接來看相關的實現 data isshow true 通過 我們可以看到div元素上使用了vue的v if標籤,該標籤表示,當isshow的值為true時才顯示該div元素,否則則不顯示。此時,我們可以通過控制台將isshow屬性值改為fals...

Java控制語句 標籤的用法

標籤是後面跟有冒號的識別符號,就像下面這樣 label1 break和continue關鍵字只能中斷當前迴圈,但若與標籤一起使用,他們就會中斷循壞,直到標籤所在位置。label1 outer iteration 在 1 中,break中斷內部迭代,回到外部迭代 在 2 中,continue使執行點回...