問題タブ [word-break]

現在、番号と項目が中央に配置され、左揃えになっている次のような順序付きリストがあります。

このcssを使用してこれを達成しました：

私が見ている問題は、テキストが奇妙に折り返されることです。リスト項目が他のリスト項目よりも一定の長さである場合、リスト項目が折り返されます (新しい行が作成されます)。これにより、上の図 (またはテキスト形式) のようなものが作成されます。

1.
寝袋
2.
テント3.食料品 4.ストーブ 5.ジャケット 6.
虫
よ
けスプレー

バッグが新しい行にあることに注意してください。ただし、それは div が終了する場所ではありません。を使用してみwhite-space: nowrapましたが、明らかにそれはそれが言うことを行い、長いテキストはdiv壊れることなく を超えて続きます。

また、ブラウザの不具合の一種である可能性もあります。なぜなら、戻ってきてページがキャッシュされたときに正しく読み込まれることがあり、クロムの代わりにサファリではwhite-space: nowrap.

ヘルプ/アイデアをいただければ幸いです。または、それが奇妙な修正不可能なものである場合は、申し訳ありません

word-breakなどの特定のインライン要素のプロパティを変更して、ページのコンテンツの流れを改善しよう<span>としています。<a>

Firefox はブロックとして表示される要素 ( など<div>) の word-break プロパティのみを認識するようですが、Chrome は単語を分割する要求を受け入れます。

以下の例では、赤と青の部分が Chrome で同じようにレンダリングされます (xxxxx は複数の行に分割されています)。Firefox では、赤いボックスの xxxxx がオーバーフローします。

上記の例: https://jsfiddle.net/7scx4hfq/

どのブラウザが正しく動作していますか? Firefox のバグですか、それとも Chrome のバグですか?

さらに重要なことに、すべてのブラウザーで目的の効果を得るにはどうすればよいでしょうか?

ブロック レベルでの設定word-break:break-allはオプションではないことに注意してください。

テキストを含む HTML テーブル セルがあります。テキストには長い単語と短い単語があります。セルの幅に収まらない長い単語は分割されますが、短い単語は分割されずに次の行に移動するようにテキストを配置する必要があります。しかし、css プロパティ「word-break: break-all;」を適用すると、長い単語と短い単語の両方が壊れます。「word-wrap: break-word;」プロパティを適用すると、何らかの理由で長い単語が分割されず、セルの幅が自動的に伸びます。

word-break: break-allここでは、必要のないところですべての単語が分割されており、テキストが醜いです:

word-wrap: break-wordここでは何も壊れていませんが、セル幅が引き伸ばされています。

長い単語だけが壊れていて、表のセルの幅がそのままである、このようなものが欲しいです:

長い単語だけ改行して幅を変えないように。これどうやってするの？

文字列を分割したかったのmax 35 characterですが、インテリジェントなブレークを使用しました。以下の文字列があるとします。

また

とにかく、これらの文字列を改行したいのですが、間違った行を改行しないようにすることが賢明です。

例えば。休憩することができます

いいえ

ここで答えを試しました

スマートラップ

しかし運がない。

表を小さな画面 (< 400 ピクセル幅) に収まるようにしようとしているので、このスタイルを表のセルに適用しました...</p>

しかし、私の質問は、この関数をよりスマートにすることはできますか? つまり、私の Fiddle https://jsfiddle.net/hk42jb5r/1/で、画面を 320 に縮小すると、最初の名前「Dave Echoer」が「Dave Echt」と「er」に分割されることに注意してください。ピクセル幅。テキストにはスペースがあるため、スペースで分割する方が理にかなっています。そこの単語を壊しても、テーブルの幅には影響しません。適切なときにこれを実現する方法はありますか?

次の Java + 動的プログラミングの実装 ( https://pingzhblog.wordpress.com/2015/09/17/word-break/ )を理解しようとしています。

ただし、 と について明確にする必要がString s = "abcxyz"ありSet <String> wordDict = ["z", "xy", "ab", "c"]ます。

何が何を表しているのかはまだ不明wordBreakDp[]であり、1 つを true に設定することは意味します。

だから私は試みて得ましたがwordBreakDP[2,3,5,6]=true、それらのインデックスは何を教えてくれますか? i=6チェックしているのは の最後のインデックスwordBreakDp[]が true であるかどうかだけなので、チェックできなかったのwordBreakDp[s.length()];でしょうか?

たとえば、 を取得abしたとしますが、次のループが役に立たず、ループの外にあるとs.substring(0, 2);どのように仮定できるでしょうか?s.substring(1, 2);break;

ありがとうございました