<wbr>が発生したときにハイフンを挿入する方法はありますか？

私はモバイルビューでは長すぎるという非常に大きな言葉を持っていますが、<wbr>でそれを打ち破ることができますが、単語が2つに分かれているときにはこの言語の規則にハイフンが必要です。<wbr>が発生したときにハイフンを挿入する方法はありますか？

言うする方法があります：cuttedとき

thisreally<wbr>longword

が

thisreally- 
longword

でなければなりませんが？

2016-09-30 distante

可能な重複[HTML内のソフトハイフン（対）]（http://stackoverflow.com/questions/226464/soft-hyphen-in：
あなたはここにこれについての詳細な情報を見つけることができます-html-wbr-vs-shy） – Roy

私は '＆shy'の存在を知りませんでしたが、他の質問は両者の違いについて質問していました。 – distante

あなたが代わりにを使用することができたら、それを試してみてください：

thisareallyreallyreallyreallyreallyreally&shy;andverylongwordwithashynewline

<wbr>要素は、-のような改行文字をサポートしていません。 http://www.quirksmode.org/oddsandends/wbr.html

の

2016-09-30 06:57:29

私はそれをしなかった！それは特別なCSSなしで仕事をします。ありがとう – distante

はい、こちらをご覧ください：http://www.quirksmode.org/oddsandends/wbr.html –

は、その作業ファイン

a:before { 
 
    content:" - "; 
 
}

<a href="#">CSS-Tricks</a>

2016-09-30 06:35:56

いいえ、レンダリングされません。 – distante

Now My Snippetをチェックしてください –

はい、 'a'タグの前では動作しますが、' wbr'の前にはありません。 – distante

答えて