display

display

display,發音,英 [dɪ'spleɪ] 美 [dɪ'sple],展現、陳列[陳設排列]、使看見的意思。這個屬性用於定義建立布局時元素[化學名詞]生成的顯示框類型。對於HTML等文檔類型,如果使用 display不謹慎會很危險,因為可能違反HTML中已經定義的顯示層次結構。對於XML,由於XML沒有內置的這種層次結構,所有display是絕對必要的。注釋:CSS2中有值compact和marker,不過由於缺乏廣泛的支持,已經從 CSS2.1中去除了。

基本信息

英文單詞

短語

ondisplay展覽,公開展出

digitaldisplay[計]數字顯示

lcddisplayn.液晶顯示器;液晶螢幕

liquidcrystaldisplay液晶顯示;液晶顯示器

liquidcrystaldisplay(LCD)液晶體顯示

摺疊例句

Let'sdisplaythefiguresandseewhatwehave.讓我們顯示一下數字,看看我們有什麼。

Departmentstoresdisplaytheirgoodsinthewindows.百貨商店把商品陳列在櫥窗里。

Herattentionwasengagedbythedisplayofthenewdressintheshipwindows.她的注意力被商店櫥窗里陳列的新式女服所吸引。

展示;使展現,使看見:

Thevendorsdisplayedtheirfruit.

攤販展示他們的水果。

todisplayasign

顯出一個跡象

展出,陳列,展覽:

Departmentstoresdisplaytheirgoodsinthewindows.

百貨商店把商品陳列在櫥窗里。

表現,顯示,顯出,顯露;泄露,揭露,揭示:

Hedisplayednosignofemotion.

他絲毫不露感情。

todisplayone'saffectionsforsomeone

向某人表露鍾愛之情

todisplayfear

露出懼色

誇示,誇耀,炫耀:

Thepeacockdisplayeditsfinetailfeathers.

孔雀炫耀其漂亮的尾羽。

todisplayone'serudition

賣弄自己的學問

displayinghistrophies

炫耀他的獎品

張開,打開,展開,鋪開,攤開:

todisplayabanner

展開一面旗幟

todisplayasail

揚(或張)帆

todisplayamaponthetable

把地圖攤開在桌上

【印刷】(用大號字型等)醒目地排印(標題、文字等),特印

(在顯示屏上)顯示:

Let'sdisplaythefiguresandseewhatwehave.

讓我們顯示一下數字,看看我們有什麼。

[廢語]發現

vi.

【動物學】(雄性動物尤指雄鳥為求偶而)作炫耀行為,作(求偶)誇耀表示:

Mandarinduckdisplayedandcopulated.

鴛鴦做出求偶表示然後進行交配。

[廢語]炫耀

n.

顯像;顯示

顯示器;指示器

(用大號字型等)醒目排印;特排

特排印件,醒目排印的印刷品

陳列;展覽,展出

展覽品;陳列品

展現;展示;表演

表現;顯示,

(裝出的)樣子,外表,表面,虛偽表示

誇示,炫示,炫耀,誇耀

【印刷】

【電子學】

【動物學】(雄鳥、魚等為求偶的)炫耀行為

adj.

(尤指樣品)陳列的,展覽的

陳列用的;展覽用的

【印刷】(用於標題、廣告等上的)醒目大字的,醒目排印的,特排的

主打的(曲目),拿手的

短語

ondisplay展覽,公開展出

digitaldisplay[計]數字顯示

lcddisplayn.液晶顯示器;液晶螢幕

liquidcrystaldisplay液晶顯示;液晶顯示器

liquidcrystaldisplay(LCD)液晶體顯示

例句

Let'sdisplaythefiguresandseewhatwehave.讓我們顯示一下數字,看看我們有什麼。

Departmentstoresdisplaytheirgoodsinthewindows.百貨商店把商品陳列在櫥窗里。

Herattentionwasengagedbythedisplayofthenewdressintheshipwindows.她的注意力被商店櫥窗里陳列的新式女服所吸引。

套用

小程式

ThomasKnoll在創建Photoshop以前自己開發的一個小程式。

Thomas發現當時的蘋果電腦無法顯示帶灰度的黑白圖像,因此他自己寫了一個程式Display。而他兄弟(也可能是哥哥)John這時在星球大戰導演Lucas的電影特殊效果製作公司IndustryLightMagic工作,對Thomas的程式很感興趣。兩兄弟在此後的一年多把Display不斷修改為功能更為強大的圖像編輯程式,經過多次改名後,在一個展會上他們接受一個參展觀眾建議把程式改名為Photoshop。此時的Display/Photoshop已經有Level,色彩平衡,飽和度等調整。此外John寫了一些程式後來成為外掛程式(Plug-in)的基礎。

定義用法

display屬性規定元素應該生成的框的類型。

網頁屬性

定義

這個屬性用於定義建立布局時元素生成的顯示框類型。對於HTML等文檔類型,如果使用display不謹慎會很危險,因為可能違反HTML中已經定義的顯示層次結構。對於XML,由於XML沒有內置的這種層次結構,所有display是絕對必要的。

注釋:CSS2中有值compact和marker,不過由於缺乏廣泛的支持,已經從CSS2.1中去除了。

默認值:

inline

繼承性:

no

版本:

CSS1

JavaScript語法:

object.style.display="inline"

實例

使段落生出行內框:

p.inline{display:inline;}

<html>

<head>

<styletype="text/css">

p{display:inline}

div{display:none}

</style>

</head>

<body>

<p>本例中的樣式表把段落元素設定為內聯元素。</p>

<p>而div元素不會顯示出來!</p>

<div>div元素的內容不會顯示出來!</div>

</body>

</html>

相關支持

所有主流瀏覽器都支持display屬性。

注釋:如果規定了!DOCTYPE,則InternetExplorer8(以及更高版本)支持屬性值"inline-table"、"run-in"、"table"、"table-caption"、"table-cell"、"table-column"、"table-column-group"、"table-row"、"table-row-group"、以及"inherit"。

可能的值

描述
none 此元素不會被顯示。
block 此元素將顯示為塊級元素,此元素前後會帶有換行符。
inline 默認。此元素會被顯示為內聯元素,元素前後沒有換行符。
inline-block 行內塊元素。(CSS2.1 新增的值)
list-item 此元素會作為列表顯示。
run-in 此元素會根據上下文作為塊級元素或內聯元素顯示。
compact CSS 中有值 compact,由於缺乏廣泛支持,已經從 CSS2.1 中刪除。
marker CSS 中有值 marker,由於缺乏廣泛支持,已經從 CSS2.1 中刪除。
table 此元素會作為塊級表格顯示(類似 <table>),表格前後帶換行符。
inline-table 此元素會作為內聯表格顯示(類似 <table>),表格前後沒換行符。
table-row-group 此元素會作為一個或多個行的分組來顯示(類似 <tbody>)。
table-header-group 此元素會作為一個或多個行的分組來顯示(類似 <thead>)。
table-footer-group 此元素會作為一個或多個行的分組來顯示(類似 <tfoot>)。
table-row 此元素會作為一個表格行顯示(類似 <tr>)。
table-column-group 此元素會作為一個或多個列的分組來顯示(類似 <colgroup>)。
table-column 此元素會作為一個單元格列顯示(類似 <col>)
table-cell 此元素會作為一個表格單元格顯示(類似 <td> 和 <th>)
table-caption 此元素會作為一個表格標題顯示(類似 <caption>)
inherit 規定應該從父元素繼承 display 屬性的值。

屬性

display屬性還允許作者顯示或隱藏一個元素。與visibility屬性類似。然而,如果您設定display:none,將隱藏整個元素,如果您設定visibility:hidden,元素的內容將不可見,但元素保持原來的位置和大小。
Javascript使用displayv屬性實例:
<html>
<head>
<script>
functiondisplayResult()
{document.getElementById("p1").style.display="none";}
</script>
</head>
<body>
<pid="p1">Thisissometext.</p>
<inputtype="button"onclick="displayResult()"value="Donotdisplayparagraph">
</body>
</html>

相關詞條

相關搜尋

熱門詞條