学习日记：display的几个相关用法

display属性：设置元素显示方式

属性值：

1. none
2. inline: 设置为行内元素，不独占一行，不支持宽高
3. block：设为块级元素，独占一行，支持宽高
4. inline-block：设为行内块元素，不独占一行但是支持宽高

display：table 的用法

用法一：

父元素宽度固定，各子元素平分宽度

.parent {
    width:500px;
    display:table;
}

.son {
    display:table-cell;
}

用法二：

块级子元素垂直居中：

.parent {
    width:500px;
    display:table;
}

.son {
    display:table-cell;
    vertical-align:middle;
}

注：

1. display：table 时 padding 失效
2. display：table-row时margin、padding同时失效
3. display：table-cell时margin会失效