国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > CSS > 正文

CSS3 display知識詳解

2024-07-11 09:06:50
字體:
來源:轉載
供稿:網友
本篇文章給大家介紹css3 display知識詳解,涉及到css3 display相關知識,感興趣的朋友一起學習吧
 
 

默認值:inline

適用于:所有元素

繼承性:無

動畫性:否

none:
隱藏對象。與visibility屬性的hidden值不同,其不為被隱藏的對象保留其物理空間
inline:
指定對象為內聯元素。
block:
指定對象為塊元素。
list-item:
指定對象為列表項目。
inline-block:
指定對象為內聯塊元素。(CSS2)
table:
指定對象作為塊元素級的表格。類同于html標簽<table>(CSS2)
inline-table:
指定對象作為內聯元素級的表格。類同于html標簽<table>(CSS2)
table-caption:
指定對象作為表格標題。類同于html標簽<caption>(CSS2)
table-cell:
指定對象作為表格單元格。類同于html標簽<td>(CSS2)
table-row:
指定對象作為表格行。類同于html標簽<tr>(CSS2)
table-row-group:
指定對象作為表格行組。類同于html標簽<tbody>(CSS2)
table-column:
指定對象作為表格列。類同于html標簽<col>(CSS2)
table-column-group:
指定對象作為表格列組顯示。類同于html標簽<colgroup>(CSS2)
table-header-group:
指定對象作為表格標題組。類同于html標簽<thead>(CSS2)
table-footer-group:
指定對象作為表格腳注組。類同于html標簽<tfoot>(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類似的效果


注:相關教程知識閱讀請移步到CSS教程頻道。
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 武义县| 兴山县| 财经| 贵溪市| 宁明县| 上高县| 澎湖县| 潍坊市| 兴海县| 承德县| 鄱阳县| 泰兴市| 哈尔滨市| 瑞安市| 海伦市| 廊坊市| 鹿泉市| 万盛区| 临颍县| 石渠县| 沈阳市| 平山县| 黄山市| 济源市| 玉树县| 那坡县| 观塘区| 绥中县| 东光县| 应城市| 蚌埠市| 房产| 祁阳县| 湘潭县| 河源市| 宝清县| 黄陵县| 通江县| 新源县| 兴隆县| 兴隆县|