试试这个CSS属性-

overflow-wrap: anywhere;

在IE、Firefox、chrome、safari和opera中，如果单词中没有空格(比如一个很长的URL)，唯一适用的方法是:

div{
    width: 200px;  
    word-break: break-all;
}

我发现这个是防弹的。

跨浏览器

.wrap
{
    white-space: pre-wrap; /* css-3 */    
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */    
    white-space: -o-pre-wrap; /* Opera 7 */    
    word-wrap: break-word; /* Internet Explorer 5.5+ */
}

试试这个:

div {
    width: 200px;
    word-wrap: break-word;
}

试试这个CSS属性-

overflow-wrap: anywhere;

你可以使用这个CSS

p {
  width: min-content;
  min-width: 100%;
}