ワードラップを使用して長い単語を次の行に分割していますが、機能していません。これは私のJsFiddleコードです。
基本的に私のdivは動的に生成されます。これは私がしていることです
Reading the div value.
Adding word-wrap property in all the child divs
Adding a Custom Font
Auto Resizing the text to fill in the div.
このようにワードラップを追加しています
//adding the word-wrap property
var target = $("#" + element);
target.find('*').each(function() {
$(this).css('display', 'inline-block');
$(this).css('word-break', 'break-word');
$(this).css('word-break', 'break-all');
});
しかし、結果は単語を次の行に強制することではありません。私のJsFiddleを確認してください。単語を次の行に強制するために何ができますか?
css: word-wrap
、はとは異なりcss: word-break
ます。break-word
前者はに設定でき、後者はに設定できますbreak-all
。ワードブレイクを2回続けて設定し、最初の設定を上書きしました。これは、に対して有効ではないため、実際には設定ではありませんでしたword-break
。そして、私はあなたが使用するつもりだったと思いますword-wrap
。
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加