发音,英 [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>