0

テーブルに長いテキスト (データベースから抽出している) を表示しようとしています。Chrome、IE、Safari、または Opera でテキストをラップすることに問題はありませんが、Firefox で動作するソリューションが見つかりません。最初はテーブルセルにテキストを挿入してこれを試みましたが、これはどのブラウザーでも機能しませんでしたが、テキストを div に挿入すると問題が解決しました。

私が使用しているCSSとHTMLは次のとおりです。

.test
{

    width: 100%;
    word-wrap: break-word;

}

<td>

    <div class = 'test'>

        ...Long Word Goes Here...

    </div>

</td>

Firefox 12で同様の例が機能するのを見たので、divがテーブル内にネストされているという事実はそれと関係がありますか(おそらく親プロパティを継承していますか?): http://www.w3schools.com/css3 /tryit.asp?filename=trycss3_word-wrap

誰でもこの問題を解決する方法を知っていますか? Firefoxに関しては非常に一般的なもののようです。サイトでこれに似た問題をいくつか見ましたが、解決策を見つけることができませんでした。

どんな助けでも大歓迎です、

ありがとう。

4

2 に答える 2

0

私は実際に自分の問題が何であるかを理解しました。pre タグでラップされた整形済みのテキストを使用していましたが、これが問題の原因でした。次のリンクは私の問題の解決策でした: http://css-tricks.com/snippets/css/make-pre-text-wrap/

この見落としをお詫びし、私を助けてくれてありがとう!

于 2012-06-20T18:55:07.567 に答える
0

テーブルとセルのスタイルはどのようになっていますか? ありとなしの 2 つの非常に異なるアルゴリズムがありますtable-layout: fixed;。この長い単語を処理するために がどんどん大きくなって
いる場合は、 this の親に必要な幅でこの宣言を table に追加してみてください。 tdtddiv

問題を再現できるフィドルや例がなければ、word-wrap: break-word;Firefox やその他の一般的なケースで問題なく動作することを除けば、それ以上のことはわかりません。

于 2012-06-20T18:30:24.753 に答える