100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > html文字自动换行 ie css 自动换行 强制换行属性 (firefox+ie)

html文字自动换行 ie css 自动换行 强制换行属性 (firefox+ie)

时间:2019-11-09 22:02:55

相关推荐

html文字自动换行 ie css 自动换行 强制换行属性 (firefox+ie)

css 自动换行 强制换行属性 (firefox+ie)

发布时间:-10-13 17:40:39 作者:佚名 我要评论

css 自动换行 强制换行属性,在实际应用中,如果不强制换行会导致页面变形很难看,所以用下面的方法,即可解决此类问题。

语法:

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下都适用。

示例:

这里最好是中文英文的,有连贯的一些字符,才能看出效果,

脚本之家编辑注:在实际的应用中,我们习惯用word-wrap:break-word;word-break:break-all,效果会比较明显,具体应用根据需要选择使用。

相关文章

自动换行问题,正常字符的换行是比较合理的,而连续的数字和英文字符常常将容器撑大,挺让人头疼,下面介绍的是CSS如何实现换行的方法-08-27

自动换行问题,正常字符的换行是比较合理的,而连续的数字和英文字符常常将容器撑大,挺让人头疼,下面介绍的是CSS如何实现换行的方法-08-06

CSS实现强制不换行、自动换行、强制换行的css代码,需要的朋友可以参考下-05-03

因为都浏览器的问题,所以要考虑到兼容性。-11-20

td文字内容不换行,发现是:white-space: nowrap,即强制文本不进行换行,接下来对文本换行的属性使用进行总结下,感兴趣的朋友可以参考下哈-03-31

自动换行问题,正常字符的换行是比较合理的,而连续的数字和英文字符常常将容器撑大,挺让人头疼,下面介绍的是CSS如何实现换行的方法对于div,p等块级元素正常文字的换行(亚洲-11-19

最新评论

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。