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

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内容，并把显示器挠性，柔性包装，所以它会包裹在其容器任何内容。

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

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