CSS设置文字阴影、换行

给文字添加阴影

语法：

text-shadow:length(x) length(y) length(r) color;

1. length(x):表示阴影在横向上与文字的距离；
2. length(y):表示阴影在纵向上与文字的距离；
3. length(r):表示阴影模糊半径大小
4. color:阴影的颜色

如果需要添加多个颜色的话：

text-shadow:20px 20px 20px red,
            30px 30px 30px #f50;

文本自动换行

word-break

语法：

word-break:normal || break-all  || keep-all

1. normal：依照亚洲语言和非亚洲语言的文本规则，允许在字内换行
2. break-all：该行为与亚洲语言的normal相同。也允许非亚洲语言文本行的任意字内断开。该值适合包含一些非亚洲文本的亚洲文本，比如使连续的英文字母间断行。
3. keep-all：与所有非亚洲语言的normal相同。对于中文，韩文，日文，不允许字断开。适合包含少量亚洲文本的非亚洲文本。

word-wrap：normal | break-word

1. break-word：允许内容在容器内换行
2. normal：默认的处理方式

white-space，控制元素内的空白，比如：空格、回车和tab制表符

语法：

normal | pre | nowrap | pre-wrap | pre-line

1. normal:默认处理方式
2. pre：所有内容原样输出，不换行
3. nowrap：所有空格、回车和制表符合并成一个空格，文本不换行
4. pre-wrap：所有内容原样输出，文本换行
5. pre-line：空格和制表符合并成一行，回车符不变，文本换行