質問: table1+word1+anser1+table2+word2+anser2+table3; } [/script] [/inline] ``` ### 前提・実現したいこと 次のようなプログラムを使って、入力結果を表示しているのですが、文字数が多いとブラウザによってはtableから折り返されることもなく、はみ出して表示されてしまいます。 (iPhoneでみると折り返されて表示されますが、アンドロイドで見るとはみ出ています) 色々調べてみましたが、cssで「overflow-wrap:break-word」や「word-break:break-all」、「 word-wrap: break-word;」などを指定しても改善できず、行き詰ってます。。。 どのブラウザからでもtable内で折り返して表示されるように何とかしたいのですが、改善方法をご教授いただけないでしょうか。 ちなみにtd にCSSの「overflow: auto;」を指定すると、折り返しはされないものの、スクロールで表示されるようになりました。 しかし、その場合だとブラウザによっては、td内の文字が全く表示されない場合があるため、やはりうまくいかないようです。。。
回答: > > ちなみにtd にCSSの「overflow: auto;」を指定すると、 > > > td 要素はブロックレベル要素ではないのでそれに直接 overflow は適用できないはずです。(ブラウザ依存はあるかもしれませんが) なので、td 要素の中に div 要素を 配置しそれに overflow 他のスタイルを適用した上で div 要素内に文字列を入れるというようにしてはいかがですか? #余談ですが、テキストが領域をこえた場合に「...」(三点リーダー)を表示する text-overflow:ellipsis はもともと IE の独自拡張だそうですが、最近は他のブラウザでも取り入れられているようです。そういうのも考えてみても良いかも。