css3 display.,CSS3 display知识详解

默认值：inline

适用于：所有元素

继承性：无

动画性：否

none：

隐藏对象。与visibility属性的hidden值不同，其不为被隐藏的对象保留其物理空间

inline：

指定对象为内联元素。

block：

指定对象为块元素。

list-item：

指定对象为列表项目。

inline-block：

指定对象为内联块元素。(CSS2)

table：

指定对象作为块元素级的表格。类同于html标签

inline-table：

指定对象作为内联元素级的表格。类同于html标签

table-caption：

指定对象作为表格标题。类同于html标签

(CSS2)

table-cell：

指定对象作为表格单元格。类同于html标签

(CSS2)

table-row：

指定对象作为表格行。类同于html标签

(CSS2)

table-row-group：

指定对象作为表格行组。类同于html标签

(CSS2)

table-column：

指定对象作为表格列。类同于html标签

(CSS2)

table-column-group：

指定对象作为表格列组显示。类同于html标签

(CSS2)

table-header-group：

指定对象作为表格标题组。类同于html标签(CSS2)

table-footer-group：

指定对象作为表格脚注组。类同于html标签

(CSS2)

run-in：

根据上下文决定对象是内联对象还是块级对象。(CSS3)

box：

将对象作为弹性伸缩盒显示。(伸缩盒最老版本)(CSS3)

inline-box：

将对象作为内联块级弹性伸缩盒显示。(伸缩盒最老版本)(CSS3)

flexbox：

将对象作为弹性伸缩盒显示。(伸缩盒过渡版本)(CSS3)

inline-flexbox：

将对象作为内联块级弹性伸缩盒显示。(伸缩盒过渡版本)(CSS3)

flex：

将对象作为弹性伸缩盒显示。(伸缩盒最新版本)(CSS3)

inline-flex：

将对象作为内联块级弹性伸缩盒显示。(伸缩盒最新版本)(CSS3)

* CSS3新增属性可能存在描述错误及变更，仅供参考，持续更新

说明：

设置或检索对象是否及如何显示。

如果display设置为none，float及position属性定义将不生效；

如果position既不是static也不是relative或者float不是none或者元素是根元素，当display:inline-table时，display的计算值为table；当display:inline | inline-block | run-in | table-* 系时，display的计算值为block，其它情况为指定值；

IE6,7支持inline元素转换成inline-block，但不支持block元素转换成inline-block，所以非inline元素在IE6,7下要转换成inline-block，需先转换成inline，然后触发hasLayout，以此来获得和inline-block类似的效果

css3 display.,CSS3 display知识详解相关推荐

CSS3 Flex 弹性布局用法详解
什么是Flex弹性布局 Flex是Flexible Box的简称,意为弹性布局,顾名思义,在网页布局时,他可以给我们提供更多的灵活性. 说明: 1.flex是display的一个属性值.与之相当应的还 ...
html渐变线条代码,css3线性渐变语法的详解（代码示例）
本篇文章给大家带来的内容是css3线性渐变语法的详解(代码示例).有一定的参考价值,有需要的朋友可以参考一下,希望对你们有所帮助. 线性渐变的完整语法:.demo { background: line ...
R语言基础知识详解及概括
R语言基础知识详解及概括目录 R语言基础知识详解及概括 R数据可视化示例 R语言进行数据创建
R语言可视化绘图基础知识详解
R语言可视化绘图基础知识详解图形参数:字体.坐标.颜色.标签等: 图像符号和线条: 文本属性: 图像尺寸及边界: 坐标轴.图例自定义等: 图像的组合: #install.packages(c(&qu ...
python 快速排序_小白入门知识详解：Python实现快速排序的方法（含实例代码）...
前言: 今天为大家带来的内容是:小白入门知识详解:Python实现快速排序的方法(含实例代码)希望通过本文的内容能够对各位有所帮助,喜欢的话记得点赞转发收藏不迷路哦!!! 提示: 这篇文章主要介绍了P ...
计算机网络相关知识参考博客子网掩码怎么理解网关及网关的作用路由器基础知识详解
子网掩码怎么理解 https://blog.csdn.net/farmwang/article/details/64132723 网关及网关的作用 https://blog.csdn.net/zhao ...
linux设置共享权限设置命令,Linux系列知识详解（三）--------- Linux链接命令和权限管理命令...
Linux系列知识详解(三)--------- Linux链接命令和权限管理命令一:链接命令ln 简介:什么是链接命令?链接命令分为软链接和硬链接.其中软链接产生的新文件是以路径的形式表示原文件,类 ...
计算机基础知识预备知识,计算机预备知识详解.ppt
计算机预备知识详解 Visual C++程序设计 Ch3 简单的输入/输出 > 3.1 cin 输入十六进制或八进制数据例: int i , j , k , l ; cin>>he ...
Oracle入门（一）之入门级知识详解
转载自 Oracle入门级知识详解一. Oracle基本介绍 1. 什么时候用Oracle数据库? SQL SERVER 号称百万级数据(一个表的数据),但是其实做多20万条数据超过20万条数据就 ...
最全 VxLAN 知识详解
什么是VXLAN VXLAN(Virtual eXtensible Local Area Network,虚拟扩展局域网),是由IETF定义的NVO3(Network Virtualization o ...

css3 display.,CSS3 display知识详解

css3 display.,CSS3 display知识详解相关推荐

最新文章

热门文章