以下のHTMLの表は横幅を指定していますが、
すごく横長な表になってしまいます。セルの幅を指定してもセル内の文字を折り返す事は不可能なのでしょうか?

<html>
<head>
<title>table</title>
</head>
<body>
<table width="570" border="1">
<tr><td width="130"> test1</td>
<td bgcolor="#CCCCCC" width="440">
oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
</td></tr></table>
</body>
</html>

このQ&Aに関連する最新のQ&A

A 回答 (5件)

私も悩みました。

(という意味で経験者)
お書きのソースでは、<td>内に英数字がスペースなしで並んでいますね。
これを「途中で改行できない単語」と認識するのだと想像してます。
質問欄も、gooから拝見しますと、<table width="100%"><tr><td width="80%">
のソースにも関わらず、表示はウインドウの外にはみだしています。

ところどころに<wbr>を挿入したら改行してくれないでしょうか?
cgiとかで受取るなら、連続する1バイト文字を数えて<wbr>を挿入
してから、<td>内に書き出すとか。
URLのように、途中を区切れないなら、
<a href="ooooooooooooooooooooooooooooooooooooooooooo">ooooooo...</a>
のように表示分を短縮するとか。(このサイトの「参考URL」のように)
    • good
    • 0

スタイルシートで出来ますよ。

(ただしInternet Explorer のみ?^^;)
<TD>タグの中に、「style="word-break:break-all;"」を追加してみてください。

要するに、こういう↓感じです。^^
ブラウザ(Internet Explorer )で表示させてみてね。

<html>
<head>
<title>table</title>
</head>
<body>
<table width="570" border="1">
<tr><td width="130"> test1</td>
<td bgcolor="#CCCCCC" width="440" style="word-break:break-all;">
oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
</td></tr></table>
</body>
</html>
    • good
    • 0

半角英字では1つの単語とみなされるからか


強制改行になりませんが
日本語でしたらきちんと改行されますよ。
    • good
    • 1

Internet Explorer なら、スタイルシートで半角文字を強制改行させることができます。


詳細は過去ログ
http://www.okweb.ne.jp/kotaeru.php3?q=212651
(No.2) をご覧ください。

参考URL:http://www.okweb.ne.jp/kotaeru.php3?q=212651
    • good
    • 0

自信ないですが、%にしてみてはいかがでしょうか。


変更点は
100%
25%
75%
だけにしてあります。
うまくいかなかったら、ごめんなさい。
無視してください。


<html>
<head>
<title>table</title>
</head>
<body>
<table width="100%" border="1">
<tr><td width="25%"> test1</td>
<td bgcolor="#CCCCCC" width="75%">
oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
</td></tr></table>
</body>
</html>
    • good
    • 0

このQ&Aに関連する人気のQ&A

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aを見た人はこんなQ&Aも見ています

このQ&Aを見た人が検索しているワード

このQ&Aと関連する良く見られている質問

Q漢字の読み仮名と英語の言い回し

この漢字の読み仮名、英語での言い回し

素朴な疑問です。

1)前日祭=ぜんじつさい?ぜんにちさい?ぜんにっさい?

2)折り返し地点=Turning point?

Aベストアンサー

「折り返し(地)点」の英語表現
http://eow.alc.co.jp/%e6%8a%98%e3%82%8a%e8%bf%94%e3%81%97%e5%9c%b0%e7%82%b9/UTF-8/
http://eow.alc.co.jp/%e6%8a%98%e3%82%8a%e8%bf%94%e3%81%97%e7%82%b9/UTF-8/

Turning point の日本語表現
http://eow.alc.co.jp/Turning+point/UTF-8/

Q と、

<td></td> と、<td><BR></td>

ホームページビルダーで作ったホムペを、KompoZerというHTMLエディタで開くと、
テーブルのなにも入っていないセルに<BR>タグが勝手に挿入されてしまいます。
<td></td> と、<td><br></td> は、
ブラウザ上ではどちらでもちゃんと表示されるのですが、
HTML文法的にはどちらが正しいのでしょうか?
また、どちらも正しい場合、<br>がある・ないで、違いがあるのでしょうか?

※ホームページビルダー、KompoZerの善し悪しは無視してください。

Aベストアンサー

文法的にはどちらも正しいです。
ブラウザの種類やHTMLのモードによって、tdが空だと、見え方が違うケースがあります。
tableでborderを指定したときに、へこんで見えるかどうか。空でないとかならずへこんで見えます。

Q英語に訳してください!

英語に訳していただけませんか?

すいません。すぐに詳細を調べ折り返しこちらからご連絡致します。


非常に困っています。よろしくお願いします。

Aベストアンサー

Details are examined and it reports afterwards. ASAP これでどうかな?

Q~ の中に