Dzwebs.Net

撰写电脑技术杂文十余年

CSS文字Text语法及实例介紹之二

Admin | 2008-5-9 21:10:17 | 被阅次数 | 6840

温馨提示!

如果未能解决您的问题,请点击搜索;登陆可复制文章,点击登陆

九:word-break

语法:
 
word-break : normal | break-all | keep-all
 
参数:
 
normal :  依照亚洲语言和非亚洲语言的文本规则,允许在字内换行
break-all :  该行为与亚洲语言的normal相同。也允许非亚洲语言文本行的任意字内断开。该值适合包含一些非亚洲文本的亚洲文本
keep-all :  与所有非亚洲语言的normal相同。对于中文,韩文,日文,不允许字断开。适合包含少量亚洲文本的非亚洲文本
 
说明:
 
设置或检索对象内文本的字内换行行为。尤其在出现多种语言时。
对于中文,应该使用break-all 。
对应的脚本特性为wordBreak。请参阅我编写的其他书目。
 
示例:
 
div {word-break : break-all; }

十:white-space

语法:
 
white-space : normal | pre | nowrap
 
参数:
 
normal :  默认处理方式
pre :  用等宽字体显示预先格式化的文本。不合并字间的空白距离和进行两端对齐。参阅pre对象
nowrap :  强制在同一行内显示所有文本,直到文本结束或者遭遇br对象。参阅td,div等对象的nowrap属性(特性)
 
说明:
 
设置或检索对象内空格的处理方式。
对应的脚本特性为whiteSpace。请参阅我编写的其他书目。
 
示例:
 
p { white-space: nowrap; }

十一:word-wrap

语法:
 
word-wrap : normal | break-word
 
参数:
 
normal :  允许内容顶开指定的容器边界
break-word :  内容将在边界内换行。如果需要,词内换行(word-break)也行发生
 
说明:
 
设置或检索当当前行超过指定容器的边界时是否断开转行。
对应的脚本特性为wordWrap。请参阅我编写的其他书目。
 
示例:
 
div { word-wrap: break-word; }

十二:text-autospace

语法:
 
text-autospace : none | ideograph-alpha | ideograph-numeric | ideograph-parenthesis | ideograph-space
 
参数:
 
none : 无调整发生
ideograph-alpha : 表意字和非表意字(如Latin-based,Greek,Cyrillic,Arabic,Hebrew文本)之间创建额外空格
ideograph-numeric : 在表意字和数字字符之间创建额外空格
ideograph-parenthesis : 在常规(非宽度)插入语和表意字之间创建额外空格
ideograph-space : 当空格相邻表意字符时,扩展空格的宽度;

十三:text-kashida-space

语法:
 
text-kashida-space : length
 
参数:
 
length :  百分数。标示kashida膨胀与空格膨胀的比例。为100%,仅有kashida膨胀。为0%,仅有空格膨胀。缺省值为0%
 
说明:
 
设置或检索如何拉伸字符来调节文本行排列。它可以和text-justify属性一起使用。
对应的脚本特性为textKashidaSpace。请参阅我编写的其他书目。
 
示例:
 
div { text-kashida-space : 50%; }

十四:text-justify

语法:
 
text-justify : auto |inter-word | newspaper | distribute | distribute-all-lines | inter-ideograph
 
参数:
 
auto :  允许浏览器用户代理确定使用的两端对齐法则
inter-word :  通过增加字之间的空格对齐文本。该行为是对齐所有文本行最快的方法。它的两端对齐行为对段落的最后一行无效
newspaper :  通过增加或减少字或字母之间的空格对齐文本。是用于拉丁文字母表两端对齐的最精确格式
distribute :  处理空格很像newspaper,适用于东亚文档。尤其是泰国
distribute-all-lines :  两端对齐行的方式与distribute相同,也同样不包含两段对齐段落的最后一行。适用于表意字文档
inter-ideograph :  为表意字文本提供完全两端对齐。他增加或减少表意字和词间的空格
 
说明:
 
设置或检索对象内文本的对齐方式。
对应的脚本特性为textJustify。请参阅我编写的其他书目。
 
示例:
 
div {text-justify : auto; }

十五:ruby-align

语法:
 
ruby-align : auto | left | center | right | distribute-letter | distribute-space | line-edge
 
参数:
 
auto :  由浏览器确定对齐方式。对于ideographic(东亚文本)以distribute-space值对齐。对于Latin文本以center值对齐
left :  根据基本宽度左对齐
center :  根据基本宽度居中对齐。如果基本宽度小于ruby文本的宽度,那么在ruby文本的宽度中居中基本宽度
right :  根据基本宽度右对齐
distribute-letter :  如果ruby文本的宽度小于基本宽度,则ruby文本在基本宽度中均匀分布。如果ruby文本的宽度大于或等于基本宽度,,居中对齐
distribute-space :  如果ruby文本的宽度小于基本宽度,则ruby文本在基本宽度中均匀分布。在ruby文本中,在第一个字符的前面后最后字符的后面有半个字距的空白区域。如果ruby文本的宽度大于或等于基本宽度,居中对齐
line-edge :  如果ruby文本不相邻行边缘,则其被居中。否则ruby文本行在基本文本边的上方
 
说明:
 
设置或检索通过rt对象指定的注释文本或发音指南(参考ruby对象)的对齐位置。
ruby对象及rt对象请参阅我的其他著作。
对应的脚本特性为rubyAlign。请参阅我编写的其他书目。
 
示例:
 
ruby { ruby-align: right; }

十六:ruby-overhang

语法:
 
ruby-overhang : auto | whitespace | none
 
参数:
 
auto :  ruby文本突出相邻基本文本的任何其他文本
whitespace :  ruby文本只突出空白区域的字符
none :  ruby文本只突出相邻基本文本的任何其他文本
 
说明:
 
设置或检索通过rt对象指定的注释文本或发音指南(参考ruby对象)的位置。
ruby对象及rt对象请参阅我的其他著作。
对应的脚本特性为rubyOverhang。请参阅我编写的其他书目。
 
示例:
 
ruby { ruby-overhang: auto; }

十七:ruby-position

语法:
 
ruby-position : above | inline
 
参数:
 
above :  在基本文本上方定位ruby文本
inline :  ruby文本与基本文本内联
 
说明:
 
设置或检索通过rt对象指定的注释文本或发音指南(参考ruby对象)的位置。
ruby对象及rt对象请参阅我的其他著作。
对应的脚本特性为rubyPosition。请参阅我编写的其他书目。
 
示例:
 
ruby { ruby-position: above; }


该杂文来自: 网页制作杂文

上一篇:CSS文字Text语法及实例介紹之一

下一篇:CSS文字Text语法及实例介紹之三

网站备案号:

网站备案号:滇ICP备11001339号-7

版权属性:

Copyright 2007-2021-forever Inc. all Rights Reserved.

联系方式:

Email:dzwebs@126.com QQ:83539231 访问统计