欢迎来到合肥浪讯网络科技有限公司官网
  咨询服务热线:400-099-8848

网页CSS教程之内容设置的一些语法(一)

发布时间:2024-07-06 文章来源:本站  浏览次数:270
在进行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中制作省掉符号供给了高效方法。

上一条:网页CSS教程之内容设置...

下一条:CSS技巧:import...