首页 > 编程知识 正文

css中阻止换行的属性,css 不允许换行

时间:2023-05-06 02:42:59 阅读:158534 作者:721

css强制无换行/自动换行/strong制换行

在我们的日常编码中,经常会遇到这个字符不能换行或者自动换行的需求。 这个功能在我们平时很常见,但我想大家一定记不住它。 今天我们来学习如何熟练掌握如何在css中实现字符的强制无换行/自动换行/strong制换行。 需要的伙伴们可以来一起学习哦。

一.无强制换行div{ white-space:nowrap; )二、自动换行div (魔兽世界: break-word; 魔兽世界:正规; (三)强制英语断行div ) word-break:break-all; (四、CSS设置不跳槽(overflow :隐藏隐藏white-space ) normal默认pre换行符和其他空格字符受保护

nowrap强制所有文本在同一行中显示,直到文本结束或遇到br对象

五.强制换行设置: word-break:

正规; 允许根据亚洲和非亚洲语言的文本规则在单词中换行符

break-all :此行为与亚洲语言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 3360 normal|break-all|keep-all参数: normal :根据亚洲语言和非亚洲语言的文本规则在单词中换行此行为与亚洲语言normal相同。 也允许在非亚洲语言文本行中的任何单词内进行分隔符。 此值适用于包含非亚洲文本的亚洲文本。 keep-all :与所有非亚洲语言的normal相同。 对于中文、韩语、日语,不允许断字。 亚裔文本较少的说明:设置或获取对象中文本的内联换行符的行为。 特别是出现多种语言时。 中文的情况下,应该使用break-all。

七.单行文本溢出隐藏overflow :隐藏; 文本覆盖: ellipsis; white-space: nowrap; width: 100px; //自己根据需要改变宽度8 .设置多行文本溢出隐藏注意宽度

overflow :隐藏; 文本覆盖: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; //留几行- WebKit-box-orient : vertical;

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。