前端页面单词、网址溢出换行

效果：

在css中，对文字可以使用：flex-wrap: wrap; 来实现文字溢出换行。
但如果文字是英文、网址，该属性则无效。
我们需要对英文、网址进行断字，然后使其换行，下面是mdn的解释：

    .company_detail_webaddress{
        max-width: 55%;
        margin-right: 10rpx;
        word-wrap: break-word; // 控制长度超过一行的单词是否被拆分换行
        word-break: break-all; // 单词断行
        white-space: pre-line; // 处理空白字符
    }

white-space，控制空白字符的显示，同时还能控制是否自动换行。它有五个值：normal | nowrap | pre | pre-wrap | pre-line

word-break，控制单词如何被拆分换行。它有三个值：normal | break-all | keep-all

word-wrap（overflow-wrap）控制长度超过一行的单词是否被拆分换行，是word-break的补充，它有两个值：normal | break-word