特定の数字または文字または単語の後の改行

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 
}