特定の文字で改行が強制される

Question

"+"文字の直前で改行を強制したいと思っています。可能であればCSSのスタイリングなどを使って改行します。これは可能ですか？

#myDiv{ 
 
    width: 80% 
 
    } 
 

 

 
#myP{ 
 
    color: blue; 
 
    font-family: arial; 
 
    font-size: 3em; 
 
    font-weight: 900; 
 
    line-height: 1.5em; 
 
    } 
 

<div id="myDiv"> 
 
    <p id="myP">Potatoes, peas, carrots, corn, beans, butter + meat, gravy, yorkshire pudding and desert.</p> 
 
</div>

Answer 1

CSSを使用すると、必要な方法で要素の内容に影響を与えることができません。あなたはこのようなJS、使用してそれを達成することができますしかし：

$('#myP').html(function(i, h) { 
 
    return h.replace('+', '<br />+'); 
 
});

#myDiv { 
 
    width: 80% 
 
} 
 
#myP { 
 
    color: blue; 
 
    font-family: arial; 
 
    font-size: 3em; 
 
    font-weight: 900; 
 
    line-height: 1.5em; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="myDiv"> 
 
    <p id="myP">Potatoes, peas, carrots, corn, beans, butter + meat, gravy, yorkshire pudding and desert.</p> 
 
</div>

を+文字の後のテキストが座っているように、代わりにあなただけの<br />タグを含めるようにHTMLを修正、または内容を変更することができますそれ自身のpタグ内にある。