您现在的位置: 365建站网 > 365学习 > css自动换行

css自动换行

文章来源:365jz.com     点击数:1310    更新时间:2009-10-14 10:50   参与评论

语法:

word-wrap : normal | break-word

取值:
normal :? 默认值 。允许内容顶开指定的容器边界
break-word :? 内容将在边界内换行。如果需要,词内换行( word-break )也将发生
说明:

设置或检索当当前行超过指定容器的边界时是否断开转行。
此属性仅作用于有布局的对象,如块对象。内联要素要使用该属性,必须先设定对象的 height width 属性,或者设定 position 属性为 absolute ,或者设定 display 属性为 block
此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。
对应的脚本特性为 wordWrap

语法: word-break : normal | break-all | keep-all

取值:
normal :? 默认值 。允许在词间换行
break-all :? 该行为与亚洲语言的 normal 相同。也允许非亚洲语言文本行的任意字内断开。该值适合包含一些非亚洲文本的亚洲文本
keep-all :? 与所有非亚洲语言的 normal 相同。对于中文,韩文,日文,不允许字断开。适合包含少量亚洲文本的非亚洲文本

说明:

设置或检索对象内文本的字内换行行为。尤其在出现多种语言时。
对于中文,应该使用 break-all
此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。
对应的脚本特性为 wordBreak

IE、Firefox下都适用。

示例:

<div style="height:100; width:150px; background:red; word-wrap: break-word; word-break: normal;">

    Stay in touch with NTUC U365 through Twitter, Facebook, and e-mail and get the latest NTUC news, benefits, photos and videos.

</div>

如对本文有疑问,请提交到交流论坛,广大热心网友会为你解答!! 点击进入论坛


发表评论 (1310人查看0条评论)
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
用户名: 验证码: 点击我更换图片
最新评论
------分隔线----------------------------