单词不换⾏_CSS实现强制换⾏的解决⽅法
强制换⾏⽤white-space的normal,pre-wrap,pre-line换⾏,即使有overflow: hidden; text-overflow: ellipsis;也不影响换⾏。
1、强制不换⾏
div{
教学创新white-space:nowrap;
}
丢手绢作文2、⾃动换⾏
div{
word-wrap: break-word;
word-break: normal;
}
3、强制英⽂单词断⾏
div{
word-break:break-all;
}
4、css设置不转⾏
overflow:hidden 隐藏
white-space:normal 默认
pre 换⾏和其他空⽩字符都将受到保护
nowrap 强制在同⼀⾏内显⽰所有⽂本,直到⽂本结束或者遭遇 br 对象
5、设置强⾏换⾏
感动作文800字word-break:
normal ; 依照亚洲语⾔和⾮亚洲语⾔的⽂本规则,允许在字内换⾏
含⼀些⾮亚洲⽂本的亚洲⽂本keep-all : 与所有⾮亚洲语⾔的normal相同。对于中⽂,韩⽂,⽇⽂,不允许字断开。适合包含少量亚洲⽂本的⾮亚洲⽂本与之间的⾼度解决办法。
英⽂不换⾏
css⾥加上 word-break: break-all; 问题解决。这个问题只有IE才有,在FF下测试,FF可以⾃⼰加滚动条,这样也不影响效果 建议⼤家做Skin时,记得在body⾥加 word-break: break-all; 这样可以解决IE的框架被英⽂撑开的问题
七一祝福短信以下引⽤word-break的说明, 注意word-break 是IE5+专有属性
语法:word-break : normal | break-all | keep-all尴尬英文
参数:normal :
七年级上册英语听力依照亚洲语⾔和⾮亚洲语⾔的⽂本规则,允许在字内换⾏ break-all : 该⾏为与亚洲语⾔的normal相同。
也允许⾮亚洲语⾔⽂本⾏的任意字内断开。该值适合包含⼀些⾮亚洲⽂本的亚洲⽂本 keep-all : 与所有⾮亚洲语⾔的normal相同。
对于中⽂,韩⽂,⽇⽂,不允许字断开。适合包含少量亚洲⽂本的⾮亚洲⽂本 说明:设置或检索对象内⽂本的字内换⾏⾏为。尤其在出现多种语⾔时。对于中⽂,应该使⽤break-all 。
发布评论