当前位置: 网站建设 > 网页设计 > 建站经验 >

css实现页面文字不换行、自动换行、强制换行

时间:2013-03-02 03:45来源:未知 作者:admin 点击:

标签:css实现页面文字不换行、自动换行、强制换行 自动(25)强制(8)页面(60)文字(34)div(47)换行(12)实现(100)whit(1)CSS(655)
div{ white-space:nowrap, CSS实现绝对的完美圆角框 ; } 以下援用word-break的阐明, 留神word-break 是IE5+专有属性 解释: 语法: 强迫不换行 倡议大家做Skin时,记得在body里加 word-break: break-all, CSS实现简单圆角效果 ; 这样可以解决IE的框架被英文
css实现页面文字不换行、自动换行、强制换行》文章地址:http://www.tfxk.com/wangyesheji/jianzhanjingyan/03023334H013.htm

div{
white-space:nowrap,CSS实现绝对的完美圆角框;
}

以下援用word-break的阐明, 留神word-break 是IE5+专有属性

解释:

语法:

强迫不换行

倡议大家做Skin时,记得在body里加 word-break: break-all,CSS实现简单圆角效果; 这样可以解决IE的框架被英文撑开的问题

============================================

示例:

overflow:hidden 暗藏
white-space:normal 默认
pre 换行跟其他空缺字符都将受到维护
nowrap 强制在统一行内显示所有文本,直到文本停止或者遭受 br 对象

设置或检索对象内文本的字内换行行动。尤其在呈现多种语言时。
对于中文,应当应用break-all 。
对应的脚本特征为wordBreak。请参阅我编写的其余书目。

英文不换行

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


设置强行换行
word-break:
normal ; 按照亚洲语言和非亚洲语言的文本规矩,答应在字内换行
break-all :  该行为与亚洲语言的normal相同。也允许非亚洲语言文本行的任意字内断开。该值适合包含一些非亚洲文本的亚洲文本
keep-all :  与所有非亚洲语言的normal雷同。对中文,CSS实现的简易进度条,韩文,日文,不容许字断开。合适包括少量亚洲文本的非亚洲文本与之间的高度解决措施

CSS里加上 word-break: break-all; 问题解决。这个问题只有IE才有,CSS实现滑动导航栏效果,在FF下测试,CSS实现渐变 兼容各主流浏览器,FF能够本人加转动条,这样也不影响效果

CSS设置不转行:

--> [网站建设之]css实现页面文字不换行、自动换行、强制换行

Tag:CSS   页面文字   不换行   自动换行   强制换行   CSS   页面文字   不换行   自动换行   强制换行  


强制英文单词断行

看了以上的先容,赶紧试一下,看看后果吧!


主动换行

div {word-break : break-all; }

参数:

normal :  依照亚洲语言和非亚洲语言的文本规则,CSS实现强制浏览器分页,允许在字内换行
break-all :  该行为与亚洲语言的normal相同。也允许非亚洲语言文本行的任意字内断开,CSS实现强制不换行、自动换行、强制换行的css代码。该值适合包含一些非亚洲文本的亚洲文本
keep-all :  与所有非亚洲语言的normal相同,CSS实现居中显示的几种办法。对于中文,韩文,css实现多级下拉菜单,日文,不许可字断开。适合包含少量亚洲文本的非亚洲文本

div{
word-break:break-all;
}

============================================

div{
word-wrap: break-word,CSS实现凹陷字效果;
word-break: normal;
}


(责任编辑:网站建设)
css实现页面文字不换行、自动换行、强制换行相关文章
上一篇:CSS实现绝对的完美圆角框 下一篇:CSS实现鼠标滑过表格变色
回到顶部