テーブルについて

質問

テーブルについて

下のように直接入力した、例えば半角小文字を入力すると、横いっぱいに広がり改行せず、画面よりはみ出してしまいます。
この場合横サイドのwidithの属性もききません。
widithの指定範囲で改行して表示する方法は無いのでしょうか？
お教えください。

<table>
<tr>
<td>33333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333
</td>
</tr>
</table>

回答No.2

torayoshi · ベストアンサー

解決策ではないので参考程度に。
style="word-break:break-all;word-wrap:break-word;"
いくらwidthを指定しても、テーブルの大きさを固定しないと、
画面いっぱいの幅に伸びてしまうようだ。
<table style="table-layout:fixed;word-wrap:break-word;width:***px;">

ただ、IE独自と言えど、今は他のブラウザも対応してるみたい。
[一例としてwidth400pxで指定]
IE ○
Firefox3.6.8 ○
Chrome5 ○
Safari5 ○
Opera10 ×

規則に反してムリヤリ改行させるわけだから、全部ってわけには行かないですね。

お礼

早々のご回答ありがとうございました。
その後、他の掲示板を２，３試したところ同じ結果となりました。
変な話、ホットしているところです。
今回、phpで掲示板を作るのが初めてで、コメント入力欄を送信して
確認のページにそれをテーブルで表示するとこでした。
テストラン中、テキストエリアに小文字３を押しっぱなしにして
送信すると、確認ページのテーブルで３の文字がはみ出しているではありませんか。
あああ、またバグかと悩んでいたところでした。
table、styleのwidthの属性を変えてもさっぱり利きませんでした。
ご回答いただきました内容を早々ためしてみようと思います。

回答No.1

taka451213

こんにちは。

IE限定でよければ・・・、
style="word-break:break-all;word-wrap:break-word;"
マルチブラウザに対応するなら、Javascriptとかでやるしかないですね・・・。

お礼

早々のご回答ありがとうございました。
その後、他の掲示板を２，３試したところ同じ結果となりました。
変な話、ホットしているところです。
今回、phpで掲示板を作るのが初めてで、コメント入力欄を送信して
確認のページにそれをテーブルで表示するとこでした。
テストラン中、テキストエリアに小文字３を押しっぱなしにして
送信すると、確認ページのテーブルで３の文字がはみ出しているではありませんか。
あああ、またバグかと悩んでいたところでした。
早速試してみます。