关注互联网应用及运维技术的个人博客

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:空格和制表符合并成一行,回车符不变,文本换行
赞(0)
未经允许不得转载:飞天狒狒 » CSS设置文字阴影、换行

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址