当前位置首页 > 百科> 正文

display

2019-08-21 06:24:10 百科
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
版本:
CSS1
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>
声明:此文信息来源于网络,登载此文只为提供信息参考,并不用于任何商业目的。如有侵权,请及时联系我们:baisebaisebaise@yeah.net