display

display

發音,英 [dɪ'spleɪ] 美 [dɪ'sple],展現、陳列、使看見的意思。

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

基本介紹

  • 中文名:展示,(使)展現,使看見
  • 外文名:display
  • 詞性:v. n.
  • 反義詞:conceal
英文單詞,短語,摺疊例句,短語,例句,套用,小程式,定義用法,網頁屬性,定義,實例,相關支持,可能的值,屬性,

英文單詞

短語

on display 展覽,公開展出
digital display [計]數字顯示
lcd display n. 液晶顯示器;液晶螢幕
liquid crystal display 液晶顯示;液晶顯示器
liquid crystal display (LCD) 液晶體顯示

摺疊例句

Let's display the figures and see what we have. 讓我們顯示一下數字,看看我們有什麼。
Department stores display their goods in the windows. 百貨商店把商品陳列在櫥窗里。
Her attention was engaged by the display of the new dress in the ship windows. 她的注意力被商店櫥窗里陳列的新式女服所吸引。
  • 展示;使展現,使看見:
    The vendors displayed their fruit.
    攤販展示他們的水果。
    to display a sign
    顯出一個跡象
  • 展出,陳列,展覽:
    Department stores display their goods in the windows.
    百貨商店把商品陳列在櫥窗里。
  • 表現,顯示,顯出,顯露;泄露,揭露,揭示:
    He displayed no sign of emotion.
    他絲毫不露感情。
    to display one's affections for someone
    向某人表露鐘愛之情
    to display fear
    露出懼色
  • 誇示,誇耀,炫耀:
    The peacock displayed its fine tail feathers.
    孔雀炫耀其漂亮的尾羽。
    to display one's erudition
    賣弄自己的學問
    displaying his trophies
    炫耀他的獎品
  • 張開,打開,展開,鋪開,攤開:
    to display a banner
    展開一面旗幟
    to display a sail
    揚(或張)帆
    to display a map on the table
    把地圖攤開在桌上
  • 【印刷】(用大號字型等)醒目地排印(標題、文字等),特印
  • (在顯示屏上)顯示:
    Let's display the figures and see what we have.
    讓我們顯示一下數字,看看我們有什麼。
  • [廢語]發現
vi.
  • 【動物學】(雄性動物尤指雄鳥為求偶而)作炫耀行為,作(求偶)誇耀表示:
    Mandarin duck displayed and copulated.
    鴛鴦做出求偶表示然後進行交配。
  • [廢語]炫耀
n.
  • 顯像;顯示
  • 顯示器;指示器
  • (用大號字型等)醒目排印;特排
  • 特排印件,醒目排印的印刷品
  • 陳列;展覽,展出
  • 展覽品;陳列品
  • 展現;展示;表演
  • 表現;顯示,
  • (裝出的)樣子,外表,表面,虛偽表示
  • 誇示,炫示,炫耀,誇耀
  • 【印刷】
  • 【電子學】
  • 【動物學】(雄鳥、魚等為求偶的)炫耀行為
adj.
  • (尤指樣品)陳列的,展覽的
  • 陳列用的;展覽用的
  • 【印刷】(用於標題、廣告等上的)醒目大字的,醒目排印的,特排的
  • 主打的(曲目),拿手的

短語

on display 展覽,公開展出
digital display [計]數字顯示
lcd display n. 液晶顯示器;液晶螢幕
liquid crystal display 液晶顯示;液晶顯示器
liquid crystal display (LCD) 液晶體顯示

例句

Let's display the figures and see what we have. 讓我們顯示一下數字,看看我們有什麼。
Department stores display their goods in the windows. 百貨商店把商品陳列在櫥窗里。
Her attention was engaged by the display of the new dress in the ship windows. 她的注意力被商店櫥窗里陳列的新式女服所吸引。

套用

小程式

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

定義用法

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

網頁屬性

定義

這個屬性用於定義建立布局時元素生成的顯示框類型。對於 HTML 等文檔類型,如果使用 display 不謹慎會很危險,因為可能違反 HTML 中已經定義的顯示層次結構。對於 XML,由於 XML 沒有內置的這種層次結構,所有 display 是絕對必要的。
注釋:CSS2 中有值 compact 和 marker,不過由於缺乏廣泛的支持,已經從 CSS2.1 中去除了。
默認值:
inline
繼承性:
no
版本:
JavaScript 語法:
object.style.display="inline"

實例

使段落生出行內框:
p.inline { display:inline; }
<html>
<head>
<style type="text/css">
p {display: inline}
div {display: none}
</style>
</head>
<body>
<p>本例中的樣式表把段落元素設定為內聯元素。</p>
<p>而 div 元素不會顯示出來!</p>
<div>div 元素的內容不會顯示出來!</div>
</body>
</html>

相關支持

所有主流瀏覽器都支持 display 屬性。
注釋:如果規定了 !DOCTYPE,則 Internet Explorer 8 (以及更高版本)支持屬性值 "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>

相關詞條

熱門詞條

聯絡我們