在一定数量或字符或单词后换行

Question

有没有办法在某个字或数字或字母后包装文字（换行符）？用例是一个长徽标文本。

以下css将这个词分成两半，对我没用。

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

white-space: nowrap对我来说也没用，因为我需要在某个时候断行。

Answer 1

通过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);

Answer 2

你可以将一个内容放在div中并放置display flex，flex-wrap，这样它就可以包装容器中的任何内容。

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

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