css display属性详解
2023-09-27 14:25:30 时间
css display属性在对css做layout设计时非常重要,它的值有以下几种:
Value | Description | Play it |
---|---|---|
inline | Default value. Displays an element as an inline element (like <span>) | Play it » |
block | Displays an element as a block element (like <p>) | Play it » |
flex | Displays an element as an block-level flex container. New in CSS3 | |
inline-block | Displays an element as an inline-level block container. The inside of this block is formatted as block-level box, and the element itself is formatted as an inline-level box | |
inline-flex | Displays an element as an inline-level flex container. New in CSS3 | |
inline-table | The element is displayed as an inline-level table | |
list-item | Let the element behave like a <li> element | Play it » |
run-in | Displays an element as either block or inline, depending on context | |
table | Let the element behave like a <table> element | |
table-caption | Let the element behave like a <caption> element | |
table-column-group | Let the element behave like a <colgroup> element | |
table-header-group | Let the element behave like a <thead> element | |
table-footer-group | Let the element behave like a <tfoot> element | |
table-row-group | Let the element behave like a <tbody> element | |
table-cell | Let the element behave like a <td> element | |
table-column | Let the element behave like a <col> element | |
table-row | Let the element behave like a <tr> element | |
none | The element will not be displayed at all (has no effect on layout) | Play it » |
initial | Sets this property to its default value. Read about initial | Play it » |
inherit | Inherits this property from its parent element. Read about inherit |
相关文章
- CSS 布局 ,文档流,定位,中划线,表格属性,line-height居中对齐,z-index,display
- jquery 属性操作 attr( ) prop()css( )区别
- AspNetPager的属性有哪些,及一些样式
- PHP数组转字符串(属性加单(双)引号,逗号分隔)
- 【CSS进阶】伪元素的妙用2 - 多列均匀布局及title属性效果
- 由position属性引申的关于css的进阶讨论(包含块、BFC、margin collapse)
- 每日一学—CSS flex-grow 属性
- 每日一学—CSS cursor 属性
- css3 box-sizing 属性
- [转]Ext.grid常用属性和方法
- CSS里面的transform 属性
- C# 添加属性
- CSS背景background相关属性使用方法:
- 使用static关键字修饰一个属性
- 《HTML、CSS、JavaScript 网页制作从入门到精通》——6.5 表格的行属性
- 《互联网产品设计》一1.2 产品属性
- Css 弹性布局(Flex)详细介绍(Flex 属性详解、场景分析)
- Android TableLayout 常用的属性介绍及演示
- c# 属性成员
- 属性注入
- 盘点一些惊艳一时的 CSS 属性
- Qt之属性系统
- CSS常用属性以及使用场景
- C#的属性的定义
- 浅析CSS的属性选择器
- 浅析如何借助content属性显示CSS var变量值及计数器counter-reset和counter-increment介绍
- 变量声明置顶规则、函数声明及函数表达式和函数的arguments属性初始化
- Spring之注入复杂类型属性
- CSS魔法堂:一起玩透伪元素和Content属性
- Odoo 视图XML常用属性汇总笔记
- android:layout_gravity和android:gravity属性的差别
- .net mvc 基类属性覆盖问题
- 关于css的touch-action属性
- CSS outline 属性
- CSS cursor 属性