探究CSS display属性用法

开发 前端
你对CSS display 属性的用法是否了解,display 属性规定元素应该生成的框的类型,它用于定义建立布局时元素生成的显示框类型。

本文向大家描述一下CSS display 属性的使用,它用于定义建立布局时元素生成的显示框类型,希望本文介绍对你的学习有所帮助。

CSS display 属性

定义和用法

display 属性规定元素应该生成的框的类型。

说明

这个属性用于定义建立布局时元素生成的显示框类型。对于 HTML 等文档类型,如果使用 display 不谨慎会很危险,因为可能违反 HTML 中已经定义的显示层次结构。对于 XML,由于 XML 没有内置的这种层次结构,所有 display 是绝对必要的。

注释:CSS2 中有值 compact 和 marker,不过由于缺乏广泛的支持,已经从 CSS2.1 中去除了。

实例

使段落生出行内框:

  1. p.inline  
  2.   {  
  3.   display:inline;  
  4.   }  
  5.  

浏览器支持

所有主流浏览器都支持 display 属性。

注释:任何版本的 Internet Explorer (包括 IE8)都不支持 "inherit"、"inline-table"、"run-in"、"table"、"table-caption"、"table-cell"、"table-column"、"table-column-group"、"table-row"、以及 "table-row-group" 属性值。

可能的值 

【编辑推荐】

  1. CSS中letter-spacing属性及其用法简介
  2. IE6.0对padding的解读分析
  3. 探究CSS中border-top属性的使用
  4. CSS中使用margin属性定义网页边距
  5. CSS中cellspacing和cellpadding属性用法揭秘

 

责任编辑:佚名 来源: 68tt.com
相关推荐

2010-09-16 10:04:50

CSSdisplay:tab

2010-09-15 16:57:18

CSS display

2010-09-16 10:10:50

CSSdisplay

2010-09-10 10:10:36

CSS属性

2010-09-14 13:05:10

VisibilityDisplayCSS DIV

2010-09-15 14:00:06

position属性DIV

2010-09-02 12:58:21

display:inlCSS

2010-09-02 09:09:38

display:inlCSS

2010-08-26 10:08:50

CSSmargin

2010-09-10 15:16:51

CSSdisplay

2010-09-16 09:13:09

CSS display

2010-09-15 17:05:33

CSS display

2010-08-30 10:58:19

DIV CSSfloat

2010-09-08 12:37:27

displayCSS

2010-09-07 16:21:37

CSSDisplayVisibility

2010-09-14 15:32:51

CSSdisplay:inl

2010-09-03 10:18:06

CSSdisplay:inl

2010-09-14 13:42:22

CSSdisplay属性

2010-08-27 09:29:40

CSSbehavior

2010-09-08 14:00:08

marginCSS
点赞
收藏

51CTO技术栈公众号