.break-word-after-dash { overflow-wrap: break-word; word-break: break-all; white-space: pre-line; }
这里的
overflow-wrap: break-word;
属性会在防止溢出的同时打破单词。
word-break: break-all;
这个属性将在任何位置折断单词以防止溢出。而
white-space: pre-line;
则表示在源代码中换行符和其他空白符号都会表现为正常的空白。序列中的空白会合并为一个空格。因此,在 "-" 后面的换行符将被视为一个空格,并产生一个新的文本行。
要让CSS实现在特定字符(例如“-“)后面换行,同时保证字符串内部不换行,以及当超出容器宽度时自动换行
最新推荐文章于 2024-05-03 15:15:35 发布