css文本及文本装饰

CSS文本

text-transform:字母大小写的转换

white-space:控制空格以及换行符到底如何处理

text-align:文本对齐方式(水平方向的)

word-spacing:设置单词间距

letter-spacing:字符间距

text-indent:文本缩进

vertical-align:文本垂直对齐方式

line-height:行高

text-transform:

  capitalize; 将每个单词的首字母转换成大写

  uppercase; 将每个单词转换成大写

  lowercase; 将每个单词转换成小写

white-space:

  normal; 默认处理方式

  pre; 用等宽字体显示预先格式化的文本,不合并文字间的空白距离,当文字超出边界不换行。

  nowrap; 强制在同一行内显示所有文本,合并文本间的多余空白,直到文本结束或者遭遇br对象。

  pre-wrap; 用等宽字体显示预先格式化的文本,不合并文字间的空白距离,当文字碰到边界时发生换行。 

  pre-line; 保持文本的换行,不保留文字间的空白距离,当文字碰到边界时发生换行。

text-align:

  left; 内容左对齐

  right; 内容右对齐

  center; 除了可以让文本居中以外,还可以让任意行级元素居中,但是不能让块级元素居中。

word-spacing:属性查看

letter-spacing:属性查看

text-indent:属性查看

vertical-align:属性查看

line-height:

  1、让文本在容器上下居中

  2、可以撑开容器

猜你喜欢

转载自www.cnblogs.com/crazier/p/12347485.html