問題タブ [word-break]

Firefox で、サイト全体にぎこちない単語/改行が表示されます。

trac3.com

答えを求めて、ここや他の場所で多数のスレッドを読みました。空白、単語の折り返し、単語の区切り、ハイフンの一見無限の組み合わせを試しましたが、成功しませんでした。サイトのいたるところでコードが発生しているため、実際にコードを提供できるかどうかはわかりません。

繰り返しますが、これは Firefox の問題のようです。

提供できるヘルプをありがとう。

Firefox と Chrome でこの JS フィドルを見てください。

https://jsfiddle.net/rdsz2thp/

のwebkit'word-break: break-word'では、input['text']単語が内部で折り返されます。Firefox はそれをサポートしていませんが、その動作を取得する方法はありますか?

コード例:

小枝で長い単語を分割する方法はありますか? いくつかの文字の後、それを分割してハイフンを設定します。これを行うフィルターが存在する可能性がありますか？

お気に入り：

Thisisareallylongword

に：

文字がデータベースから直接出力される原因...

leetcode 139、単語区切りをしていたときに問題が発生しました。

文字列 s と単語辞書 dict を指定して、s を 1 つ以上の辞書単語のスペース区切りのシーケンスに分割できるかどうかを判断します。（各辞書の単語は複数回使用できます。）

たとえば、指定された s = "leetcode", dict = ["leet", "code"].

「leetcode」は「leet code」として分割できるため、true を返します。

基本的な動的計画法アルゴリズムを使用しますが、インターネットで一般的なものとは異なる方法で実装する場合があります。コードは次のとおりです。

オンライン ジャッジを実行すると、テストで失敗しました:" "aaaaaaa" ["aaaa","aa"]"、私のコードは true を出力し、予想される答えは false です。ただし、オンライン テストで実行すると、正しい出力が得られます。また、clang ++ を使用した自分の仮想マシンでも問題なく動作します。

オンラインジャッジとオンラインテストの違いは、各オンラインテストは 1 つのテストのみであるということです。オンラインジャッジには多くのテストが含まれており、いずれかのテストが失敗すると失敗します。したがって、私のコードの問題は次のようになる可能性があります。「aaaaaaa」以外のテストでは、正しい出力が得られますが、潜在的な問題が発生します。そして、それが私のコードが「aaaaaaa」で失敗する理由です。ただし、この 1 つのテストを実行するだけであれば問題ありません。

leetcode の Web サイトによると、コードに未定義の動作が含まれている可能性があります。前のテスト ケースが後者のテスト ケースに影響を与える可能性があります。以前のすべてのテスト ケースが何であるかはわかりませんし、ここにいる誰もそれについて知っているとは思っていませんでした。しかし、私のコードに問題がある限り、誰かがそれを見つけることができると思います.

今回の質問はかなり明確だと思います。

非常に薄いページを作成しています (レシート用紙に印刷しています: 幅 56mm)

テキストを表示しようとしています (この場合は配送選択)。このテキストは通常​​、'Signed for 1st Class' のように間隔をあけた複数の単語である場合もあれば、'UK_RoyalMailSecondClassStandard' のように 1 つの長い単語である場合もあります。私の HTML/CSS はテキストがどうなるかわかりません (それは php でレンダリングされます)

私のhtmlは次のとおりです。

上記のスニペットからわかるように、Signed for 1st Class は word-break normal で適切に見えますが、UK_RoyalMailSecondClassStandard は max-width よりも幅が広くなっています。word-brak:break-all の場合、 UK_RoyalMailSecondClassStandard は受け入れられるように見えます (まあ、がらくたですが、私が得ることができる最高のものです)。

配送テキストがどうなるかを知らずに CSS で、1) 可能であれば通常を破る、そうでなければすべてを破る、または 2) 通常を破るが、実際には最大幅を強制する方法はありますか。

これを必要以上に複雑にしているように感じますが、どうすればよいかわかりません。

単語ラッパーの幅に応じて、ソフト ハイフンが単語を分割するさまざまな方法があることを発見しました。

JSFiddleの例は、これを明確に示しています。

最初の 2 つの単語 (例) は私が期待しているように見えますが、最後の 2 つの単語は私には謎です。単語の最後にダッシュが付いて表示される理由を誰か教えてもらえますか?­

編集: Oriol が指摘しているように、ブラウザーや環境が異なれば、異なるビューが生成されます。ここに私が見るものの写真があります：