009day（vertical-align属性，White-space属性，Overflow属性，Text-overflow属性）

一、vertical-align属性 文字与图片的位置

1、垂直对齐：在垂直方向设置元素的位置

2、应用场景：log垂直居中、下拉菜单垂直居中、控制文本与图片的位置

3、语法：verticla-align（必须转化为行内块）

4、文字与图片的位置

只有元素类型是行内或者行内块元素才支持vertical-align属性

vertical-align：baseline；默认值   baseline基线

vertical-align：middle；垂直在line-height范围居中对齐（就是图片外面字体的位置）

vertical-align：top；垂直方向上在line-height的顶端对齐

vertical-align：bottom；垂直方向上在line-height的底端对齐

vertical-align：text-top；垂直方向上在文字的顶线对齐

vertical-align：text-bottom；垂直方向上在文字的底线对齐

二、White-space属性 空白区域的设置

white-space：normal；默认值

white-space：nowrap；文本不会换行，文本会在同一行上继续，直到遇到<br/>标签为止；

white-space：pre；空白符会被保留，就是说浏览器可以识别空格。

white-space：pre-line；合并空白符序列，但是保留换行符。

white-space：pre-wrap；保留一部分空白符序列，但是正常的进行换行

区别【pre：保留所有的空白区域并且强制在一行中显示

pre-wrap：没有完全保留空白区域，不让他强制在一行中显示

pre-line：保留部分空白区域（在文本中的换行显示）】

三、Overflow属性（设置超出盒子模型部分内容的显示状态）

overflow:visible;visible:默认值ÿ