freeCodeCamp/guide/chinese/css/layout/display-property/index.md

title	localeTitle
Display Property	显示属性

显示属性

display属性指定用于HTML元素的框的类型。共有20个关键字值，但通常只使用10个。常用的是：

.none           {display: none} 
 .block          {display: block} 
 .inline-block   {display: inline-block} 
 .inline         {display: inline} 
 .flex           {display: flex} 
 .inline-flex    {display: inline-flex} 
 .inline-table   {display: inline-table} 
 .table          {display: table} 
 .inherit        {display: inherit} 
 .initial        {display: initial} 

常见例子：

.myBox { 
    display: block; 
 } 
 
 .myContainer { 
    display: flex; 
 } 
 
 .inlineList ul > li { 
    display: inline; 
 } 

更多信息：

• 文档和关键字值的完整列表： MDN

• 有关显示属性的W3Schools CSS参考资料： W3Schools

• CSS-TRICKS对display属性有很好的参考： CSS-Tricks

• 浏览器支持： caniuse

• Flexbox完整指南： CSS-Tricks