标签：
文本：
1、text-indent 用于定义块级元素中第一个内容行的缩进。
2、white-space 属性设置如何处理元素内的空白。
| 值 | 描述 |
|---|---|
| normal | 默认。空白会被浏览器忽略。 |
| pre | 空白会被浏览器保留。其行为方式类似 HTML 中的 <pre> 标签。 |
| nowrap | 文本不会换行，文本会在在同一行上继续，直到遇到 <br> 标签为止。 |
| pre-wrap | 保留空白符序列，但是正常地进行换行。 |
| pre-line | 合并空白符序列，但是保留换行符。 |
| inherit | 规定应该从父元素继承 white-space 属性的值。 |
3、word-wrap normal|break-word 属性允许长单词或 URL 地址换行到下一行。
( 浏览器默认长单词一行放不下就自动跑下一行了，若下一行也很长就会溢出浏览器,就需要这个属性防止溢出）
4、word-break 属性规定非中日韩文字自动换行的处理方法。
注：word-wrap 是用来决定允不允许单词内断句的，如果不允许的话长单词就会溢出。最重要的一点是它还是会首先尝试挪到下一行，看看下一行的宽度够不够，不够的话就进行单词内的断句。而word-break:break-all则更变态，因为它断句的方式非常粗暴，它不会尝试把长单词挪到下一行，而是直接进行单词内的断句。这也可以解释为什么说它的作用是决定用什么方式来断句的，那就是——用了word-break:break-all，就等于使用粗暴方式来断句了。总之一句话，如果您想更节省空间，那就用word-break:break-all就对了！共同点是都能把长单词强行断句，不同点是word-wrap:break-word会首先起一个新行来放置长单词，新的行还是放不下这个长单词则会对长单词进行强制断句；而word-break:break-all则不会把长单词放在一个新行里，当这一行放不下的时候就直接强制断句了。(引用自http://www.cnblogs.com/2050/archive/2012/08/10/2632256.html)
5、text-overflow 属性规定当文本溢出包含元素时发生的事情。
说明：当块容器overflow为非visible时，定义内联内容溢出其块容器是否截断或者添加(...)及自定义字符 要使得text-overflow属性生效，块容器必须显式定义overflow为非visible值，同时显式或者隐式的定义width为非auto值,white-space为nowrap值。
clip修剪文本。ellipsis显示省略符号来代表被修剪的文本。string使用给定的字符串来代表被修剪的文本。
4、vertial-align 参考手册的解释就不贴了。直接进入说人话模式：先普及基础知识
行高：文本行的基线间的距离。行距（leading）：行高与字体尺寸的差。
基线（Base line）：指的是一行字横排时下沿的基础线，基线并不是汉字的下端沿，而是英文字母x的下端沿。
行框：line-height 与 font-size 的计算值之差（在 CSS 中成为“行间距”）分为两半，分别加到一个文本行内容的顶部和底部。可以包含这些内容的最小框就是行框。
中线的定义为：中线位于基线的上方，与基线的距离为小写字母x高度（即ex）的一半，而ex同字体尺寸相关，大部分浏览器认为1ex = 0.5em，因此会将基线以上四分之一em处作为中线来对齐。
行高是可继承的，但是继承的是计算值 由于继承的是计算值，因此当元素内的文字字体尺寸不一样的时候，如果设定固定的行高很可能造成字体的重叠。因此可以定义一个没有单位的实数值作为缩放因子来统一控制行高，缩放因子是直接继承的，而不是继承计算值。(引用自http://www.ddcat.net/blog/?p=227）
vertical-align 适用于行内元素和单元格（table-cell）元素 属性值：
顶端对齐（vertical-align : top）是将元素的行内框的顶端与行框的顶端对齐。
文本顶端对齐（vertical-align : text-top）是将元素行内框的顶端同文本行的顶线对齐。
中间对齐（vertical-align : middle）通常使用在图片上，将图片的垂直方向的中线与文本行的中线对齐。
上标（vertical-align:super）使元素的基线（替换元素的底端）相对于父元素的基线升高。
下标（vertical-align:sub）使元素的基线降低，移动的幅度CSS规范中没有规定，由浏览器来决定。
标签：
原文地址：http://www.cnblogs.com/ruixue/p/4560959.html
