CSS补充（持续更新）

1. white-space: pre-wrap;——设置文本换行

定义：white-space属性指定元素内的空白怎样处理。

值	描述
normal	默认。空白会被浏览器忽略。
pre	空白会被浏览器保留。其行为方式类似 HTML 中的 <pre> 标签。
nowrap	文本不会换行，文本会在在同一行上继续，直到遇到 <br> 标签为止。
pre-wrap	保留空白符序列，但是正常地进行换行。
pre-line	合并空白符序列，但是保留换行符。
inherit	规定应该从父元素继承 white-space 属性的值。

2. user-select: text;——设置页面可选中

定义：user-select 属性规定是否能选取元素的文本。

值	描述
auto	默认。如果浏览器允许，则可以选择文本。
none	防止文本选取。
text	文本可被用户选取。
all	单击选取文本，而不是双击。

3. flex-shrink: 0;

定义：

        flex-shrink 属性指定了 flex 元素的收缩规则。flex 元素仅在默认宽度之和大于容器的时候才会发生收缩，其收缩的大小是依据 flex-shrink 的值。

注意：如果元素不是弹性盒对象的元素，则 flex-shrink 属性不起作用。

值	描述
number	一个数字，规定项目将相对于其他灵活的项目进行收缩的量。默认值是 1。

4. vertical-align: middle——设置文字对齐

5. word-break

值	描述
normal	使用浏览器默认的换行规则。
break-all	允许在单词内换行。
keep-all	只能在半角空格或连字符处换行。

6. word-wrap

值	描述
normal	只在允许的断字点换行（浏览器保持默认处理）。
break-word	在长单词或 URL 地址内部进行换行。

word-wrap和word-break区别：

        word-break: break-all;的作用是所有的都换行，很霸道的那种，毫不留情，一点儿空隙都不放过的那种换行，而 word-wrap:break-word则稍微温柔点儿，带有一点怜悯之心，如果这一行文字有可以换行的点，如空格之类的，就不打英文单词或字符的主意了，在这些换行点换行，至于对不对齐、好不好看则不关心，因此，很容易出现一片一片空白区域的情况。

        文字有可以换行的点，如空格之类的，就不打英文单词或字符的主意了，在这些换行点换行，至于对不对齐、好不好看则不关心，因此，很容易出现一片一片空白区域的情况。

7. 尺寸的百分比