网页CSS教程之内容设置的一些语法（一）

在进行DivCSS布局时，需求对文本进行控制，今天系统的向我们介绍一下。CSS中控制换行的特点。

 

　　一、white-space

 

　　能够实现HTML中PRE标签的作用，以及单元格的noWrap作用。

 

　　语法：

 

　　white-space : normal pre 　 nowrap

 

　　取值： 　　normal： 默许值。默许处理方式。文本自动处理换行。假设抵达容器鸿沟内容会转到下一行

 

　　pre： 换行和其他空白字符都将遭到保护。这个值需求IE6+或许 !DOCTYPE 声明为 standards-compliant mode 支撑。假如 !DOCTYPE 声明没有指定为 standards-compliant mode ，此特点能够运用，可是不会产生作用。结果等同于 normal 。参看 pre 目标

 

　　nowrap： 强制在同一行内显现所有文本，直到文本完毕或许遭受 br 目标。参看 noWrap 特点

 

 

　　设置或检索目标内空格字符的处理方式。

 

　　空 格字符，像换行，空格，TAB，在HTML文档中默许的是被忽略的。当此特点设置为 normal 或许 nowrap 时，你能够运用不换行空格的命名实体 来添加空格，用 br 元从来添加换行。此特点对你运用文档目标模型(DOM)操作的内容的影响与其对IE显现内容的影响相同。

 

　　此特点作用于块目标。

 

　　相关样式：

 

　　text-overflow

 

　　将它与white-space结合运用就不必再写程序来判断字符串长度了，点此检查示例。

 

　　语法：

 

　　text-overflow : clip 　 ellipsis

 

　　取值：

　　clip：默许值。不显现省掉符号(…)，而是简略的裁切

 

　　ellipsis：当目标内文本溢出时显现省掉符号(…)

 

　　说明：

 

　　设置或检索是否运用一个省掉符号(…)标示目标内文本的溢出。

 

　　这个特点只是作用于水平内联方向的，一般的西方文本溢出。内联溢出产生在行内的文本超出可用宽度却没有换行时机的时候。

 

　　要强制溢出产生并且应用 ellipsis 值，作者有必要设置目标的 white-space 特点值为 nowrap 。

 

　　假设没有换行时机(例如，目标容器宽度是狭窄的，而内有很长的没有合理断行的文本)，没有应用 nowrap 也有或许溢出。

 

　　为了使 ellipsis 值被应用，此特点有必要被设置到具有不可视区域的目标。好的挑选是设置 overflow 特点为 hidden 。设置 overflow 特点为 scroll 或许 auto 时，此特点也会应用。可是会有滚动条呈现。

 

　　通过挑选省掉符号，躲藏的文本能够被挑选。当挑选产生时，省掉符号会躲藏而被文本替换。

 

　　特点为在DHTML中制作省掉符号供给了高效方法。