Jquery 某些数字、字符或单词后的换行符

有没有办法在某个单词、数字或字母后换行？用例是一个长的徽标文本

下面的css将单词一分为二，因此对我来说没有用处

word-wrap: break-word;
word-break: break-all;

---

空白：nowrap对我来说也没用，因为我需要在某个点断行。
通过CSS无法在一定数量的字符处断行。下面的jQuery代码段就是这样做的

var breakAt = 4; //breaks at 4 characters
var brokenString = $("#element").html();
brokenString = brokenString.substring(0, breakAt) + "<br>" + brokenString.substring(breakAt);
$("#element").html(brokenString);

var breakAt=4//在4个字符处中断
var brokernstring=$（“#元素”）.html（）；
brokenString=brokenString.substring（0，breakAt）+“
”+brokenString.substring（breakAt）；
$（“#元素”）.html（代理）；
您可以将内容放入div中，然后放入display flex、flex wrap，这样它就可以将任何内容包装到其容器中

<div class="container">
  <img src"logo">
  <p>Text</p>
</div>

container{
display:flex;
flex-wrap:wrap;
width:200px
}


正文

容器{
显示器：flex；
柔性包装：包装；
宽度：200px
}
也许？某个单词、数字或字母是什么？它应该是无条件中断还是可选（即，如果文本不适合其他情况，则应用）？请具体说明。正如所问，这个问题可能只能回答“是”；其余部分视情况而定。
空白：预包装
？是否有任何文本示例显示未按您的意愿进行换行？