2021-07-22文本溢出及宽高自适应相关属性

垂直对齐：

在垂直方向设置元素的位置。

应用场景：logo垂直居中，下拉菜单垂直居中，控制文本与图片的位置。

语法：vertical-align

vertical-align：middle/text-top/top/text-bottom/bottom/baseline默认

bottom如果父级元素设置了line-height那么父级元素在div的最下方

top设置line-height没有太大影响，带有text的会有影响

middle实现垂直居中

text-top【】

text-bottom文字的最下方

top【line-height的最上方】

bottom【line-height的最下方】

top，bottom，middle必须加line-height，否则会和text-top;text-bottom效果一样

文本溢出：

White-space：nowrap 强制内容在一行中显示  遇到<br>标签才会换行

White-space：pre 所有空白符会被保留，并且强制在一行中显示出来

White-space：pre-line 保留部分空白符，在文本中可以换行显示，

White-space： wrap 空白符不会完全保留，不强制在一行中显示

White-space：pre-wrap空白符会被保留，不强制在一行中显示

属性	描述
white-space：normal	默认值
white-space：nowrap	文本不会换行，文本会在同一行上继续，直到遇到</