jquery - 特定数字或字符或单词后换行

Question

有没有办法在某个单词或数字或字母后换行(换行)？用例是一个长 Logo 文本。

下面的 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);