在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)通过选择省略标记,隐藏的文本可以被选择。当选择发生时,省略标记会隐藏而被文本换。