CSS布局教程

基于web标准的网站设计指南

« 文本流控制图文混排 »

文本行控制

在CSS 2中有关段落文本行控制技术的属性包括下面几个,但现在主要在Ⅲ浏览器中可以使用,其他现代浏览器对于这些属性的支持不是很理想。
·word-wrap
定义当文本超出元素指定的宽度时是否换行,取值如下:normal:默认值,文本会张开元素的设置边界。
break-word:文本将在边界内换行,如果需要,单词会被分开换行(word-break)
使用该属性的局限性比较大,;提醒设计师注意以下几个问题:
(1)该属性仅作用于结构布局对象,如块状元素div。内联元素要使用该属性,必须先设定对象的height或width属性,或者设定position属性为absolute,或者设定display属性为block。
(2)该属性是针对连写在一起的字母是否强制换行来说的,对于中文汉字无效。
(3)在非ie浏览器中还没有形成直接支持。可以使用一些间接方法,如用中文符号需要换行处的英文标点,或使用空格间隔要换行的地方,但这种方法即使不使用word-wrap属性也同样有效,
·word-break
单词或汉字超出元素指定的宽度时是否换行,取值如下:
normal:默认值,允许在词间换行
break-all:与亚洲语言的normal相同,允许非亚洲语言文本行在任意字内断开。
keep-all:与所有非亚洲语言的normal相同。对于中文、韩文、日文,不允许字确断开。
使用该属性的局限性也比较大,提醒设计师注意以下几个问题
(1)该属性适合设置汉字文本行等亚洲文字的断行定义。
(2)在非IE浏览器中应用无效果。
·text-overflow
当文本超出元素范围是否显示省略号:
取值如下:clip:默认值,不显示省略标记(…),而是简单的裁切
ellipsis:当对象内文本溢出时显示省略标
用该属性的局限性比较大,设计师应注意下面的问题:天津网站建设天津网站优化汽车玻璃商业策划招商钢板桩租赁天津废锡回收天津网站制作
(1)在非IE浏览器中应用无效果。
(2)该属性仅仅作用于水平内联方向普通的文本溢出。内联溢出发生在行内的文本超出可用宽度却没有换行机会的时候。
(3)要强制溢出发生并且应用ellipsis值,必须设置对象的white-space属性值为 nowrap医用灭菌袋 灭菌袋封口机  硅橡胶印模材  齿科针
4)为了使ellipsis值被应用,此属性必须被设置到具有不可视区域的对象。最好的选择是设置overflow属性为hidden。设置overflow属性为scroll或者auto时,此属性也会应用,但是会出现。
(5)通过选择省略标记,隐藏的文本可以被选择。当选择发生时,省略标记会隐藏而被文本换。

  • 相关文章:

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

日历

最新评论及回复

最近发表

Powered By Z-Blog 1.8 Arwen Build 90619

Copyright www.zxh6655.cn. Some Rights Reserved.黑ICP备09093629号