营销型网站建设成为企业发展新趋势,网页设计最牛的网站建设,制作宝安网站建设,承德网站建设怎么做文本折行一般分为两种情况#xff1a; CJK#xff08;Chinese/Japanese/Korean#xff09; 字符和非 CJK 字符。一般非 CJK 字符折行发生在两个单词的空格中间#xff0c;见下图#xff1a; 图中文本 “hello world” 包裹容器的宽度为 2rem#xff0c;但是 hello 并没有…文本折行一般分为两种情况 CJKChinese/Japanese/Korean 字符和非 CJK 字符。一般非 CJK 字符折行发生在两个单词的空格中间见下图 图中文本 “hello world” 包裹容器的宽度为 2rem但是 hello 并没有被截取成两段反而是在空格处发生了折行。这种行为也很容易理解——把一个单词拆成两部分很可能会使单词失去意义所以只能在空格折行。
CJK 字符图中为 “你好世界”则是在 “世”和“界”中间发生了折行符合设置的 3rem 字符宽度。
控制折行行为的属性
word-break break-all用于非 CJK 字符英文在宽度不足的时候会直接折行而不是在空格折行 keep-all用于 CJK 字符使文本不会发生折行。对于非 CJK 字符行为和 word-break:normal 一致。
white-spaceoverflow-wrap
