在下面的演示中，我试图将文本包装在小容器(窄浏览器宽度)中并用连字符分隔单词。
有一个 5px 的填充，但正确的填充似乎与一些文本一起超出了屏幕。
演示:
最佳答案
你有两次正确的分词。去掉第二行
word-break:break-all;
word-break:break-word; <-- remove that line
同样正如 Germano Plebani 所建议的那样，删除这些行:
min-width: 100%;
width: 100%;
max-width: 100%;
那么它应该可以正常工作。
除此之外，我建议在您的 #notification .ra-content block 中使用边距而不是填充，这样文本的最后一位就不会消失
关于CSS断词不断词，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/32987917/