テキストのブロックを div に収まるようにし、区切りの前に挿入された '-' で中間単語をラップする方法はありますか?
基本的には、そのように要素をテキストで囲み
ます。次に、div ID のサイズが変更されたときに先頭に
自動的に折り返されるテキストのブロックを作成できます。
テキストのブロックを div に収まるようにし、区切りの前に挿入された '-' で中間単語をラップする方法はありますか?
基本的には、そのように要素をテキストで囲み
ます。次に、div ID のサイズが変更されたときに先頭に
自動的に折り返されるテキストのブロックを作成できます。
コメント投稿者は正しいです。しかし、その価値については、これはおそらくあなたが得ようとしている最高のものです:http: //jsfiddle.net/zB47k/
「-」が絶対に必要ない場合は、ワードラップを使用できます
.wrap {word-wrap:break-word;}
<div class="wrap">dfkajdlkfjkadjfjadjfladjfkajdkjfkajdfad</div>
新しいハイフン仕様を使用することもできますが、ブラウザーのサポートが制限されています: http://caniuse.com/#feat=css-hyphens
-ms-hyphens: auto;
-webkit-hyphens: auto;
-moz-hyphens:auto;
ハイフネーションのクロスブラウザーネイティブサポートを待っている間、1つの方法は次のとおりです。 http://code.google.com/p/hyphenator/
またはソフトハイフン サーバーサイド (php) を追加: http://phphyphenator.yellowgreen.de/
サイトは多言語であり、すべての言語関連はサーバー側で発生するため、私はphpにソフトハイフンを追加する方法を(上記のライブラリを使用して)使用しています。