《
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实现页面文字不换行、自动换行、强制换行相关文章