問題タブ [word-break]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
429 参照

html - 単語区切りが原因で CSS テキスト オーバーフローが機能しない

テキスト オーバーフロー プロパティを使用して、幅 90px、高さ 20px でこの文を書く場合:

ああああああああああああああああああああああああああ

表示されます:

アアアアアアアアアアアアアアアアアアアアアアアアアアアアアア...

プロパティはtext-overflow機能しますが、文が次の場合:

この文

次のように表示されます。

線が途切れ、text-overflowプロパティが機能しなくなります。

これを正しく機能させるにはどうすればよいですか?

0 投票する
2 に答える
4513 参照

css - CSS を使用して特定の単語に Word Break を使用する

css を使用して特定の単語を分割しようとしています。

単語は「セールス/テレマーケティング」で、「/テレ」の部分の後に単語を分割しようとしています. <br>段落タグのレイアウトに影響を与える可能性があるため、使用を避けようとしています。

CSSを使用してそれを破る方法はありますか?

0 投票する
3 に答える
154 参照

css - '/' または '\' でのみ単語を分割するように CSS に指示できますか?

200 ピクセル以内に収まるようにしたい場合、td 内のファイル パスであるテキストの長いチャンクがあり、全体が 600 ピクセル以上の幅になります。

word-break:break-all を有効にして、文字間で区切って全体を表示させることはできますが、フォルダ名が半分になります。

したがって、理想的には、「/」または「\」文字でのみ改行したいと思います。それは可能ですか?

ありがとうございました!

0 投票する
1 に答える
796 参照

pdf - MigraDoc Pdf ロング ワード レンダリング

言葉を壊すことについて。

私はPDFで長い単語をレンダリングする目的があり、次の行の単語の一部を置き換える必要があります. そのため、インデントの後に始まり、右側のページ側で終了する単語を取得します(単語の終わりが表示されません)。

私は次のようなものを使用します:

MigraDoc のドキュメントにヒントが見つかりませんでした...

もちろん、単語を分割するためのロジックを自分で実装することもできます。ネイティブ ソリューションがない場合は、これを行います。

0 投票する
3 に答える
14131 参照

css - Safari CSS ワードブレーク: すべて保持; 動かない

Safari ブラウザーでは、word-break必要な CSS プロパティが使用されていません。なんで ?

ここに画像の説明を入力

0 投票する
1 に答える
2263 参照

css - クロムでの単語区切りの不一致

これがjsfiddleです:http://jsfiddle.net/fletchling/zQWb3/3/

これが私のhtmlです:

これが私のcssです:

ここのコードを取得しまし.linkた:

クロムの2つの問題:

1)Chromeはプレフィックスword-break:break-allを付けても読み取れません-webkitが、MDNのこのページはそれをサポートしていると言っています https://developer.mozilla.org/en-US/docs/Web/CSS/word-break 検査して手動で追加するword-break:break-allと半分は動作します。私は何か間違ったことをしていますか、それともバグがありますか?

2)「半分は機能する」部分:フィドルを見ると、手動でword-break:break-all.元のコードの画像)。しかし、今度は lorem ipsum の一部を削除して、テキストの最後の行が約半分になるようにしてから、手動で を追加するword-break:break-allと、実際に想定どおりに動作します。なんで?そして、誰もが回避策を思いつくことができますか? いつものように、助けてくれてありがとう。

*** また、IE がまだこの css-trick スタイリングに対応していないことにも注意し.linkword-wrap:break-wordください.post。ただし、Chromeでもこれを試しましたが、まだ何もありません。で動作し、動作しない理由がわかり.sm-postません.link。ブロック要素とインライン? それについての知恵の言葉も役に立ちます。

0 投票する
1 に答える
2224 参照

css - クロスブラウザーの単語区切り

流動的なレイアウト内で機能するクロスブラウザー (最新のブラウザー) の単語区切りを適用しようとしています。これまでのところ、私の試みは非常に近いものでしたが、Firefox にはいくつか問題があり、他のブラウザーに影響を与えない回避策を見つけるのは困難です。http://kenneth.io/blog/2012/03/04/word-wrapping-hypernation-using-css/に基づいて、これを適用しました。

しかし、これにより、Firefox (v 27) と同様に Safari (v 7) の単語内で (行ベースの) 改行が発生するようです。何か案は?

0 投票する
3 に答える
1394 参照

html - HTMLの画像の周りの長い数字(スペースなし)を分割します

画像の周りの長い数字を分割しようとしました111111111111111111112222222222222222222222333333333333333333344444444444444444445555555555555555が、正しくありません。

以下のhtmlをご確認ください。

結果は次のようになります。

ここに画像の説明を入力

なぜ内部にスペースがあるのですか?