---
title: Display Property
localeTitle: 显示属性
---
## 显示属性

display属性指定用于HTML元素的框的类型。它有20个可能的关键字值。常用的是：

```css
    .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;} 
```

#### 更多信息：

文档和关键字值的完整列表： [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/display)

浏览器支持： [caniuse](http://caniuse.com/#search=display)

Flexbox完整指南： [css-tricks](https://css-tricks.com/snippets/css/a-guide-to-flexbox/)