某些數字或字符或單詞後的換行符

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 
}