標題：display在CSS3中的用法和示例

##display屬性的語法

display屬性的語法如下：

```css

display: <display_name>;

其中，display_name是可選的，表示要設置該元素的樣式為哪個display屬性。默認情況下，display屬性設置為"flex"。

##display屬性的作用

display屬性可以讓元素自適應其容器的樣式，使其看起來更一致。例如，如果容器的樣式為"flex"，那么子元素的樣式也應該被設置為"flex"。

display屬性還可以用來控制元素的定位和排版。例如，如果容器的樣式為"flex-container"，那么子元素的樣式也應該被設置為"flex-container"。

##display屬性的示例

下面是一些display屬性的示例：

###display屬性為"flex"

```css

.flex-container {

display: flex;

.flex-item {

flex: 1;

margin: 0 2px;

###display屬性為" inline-block"

```css

.inline-block-container {

display: inline-block;

.inline-block-item {

width: 20px;

height: 20px;

display: inline-block;

vertical-align: top;

###display屬性為"table"

```css

.table-container {

display: table;

.table-item {

border-collapse: collapse;

width: 20px;

height: 20px;

###display屬性為"block"

```css

.block-container {

display: block;

.block-item {

width: 20px;

height: 20px;

display屬性是CSS3中一個非常重要的屬性，可以讓元素的樣式更加一致。通過使用display屬性，我們可以控制元素的的定位、排版和自適應。