ベストアンサー

テーブルの幅固定について

2006/09/03 08:05

テーブルの幅固定を以下のように行っているのですが文字が指定した幅を超えると、幅を指定してるにも関わらず、文字が改行せずに幅が伸びてしまいます。自動的に改行になるとばかり思っていました。 <br>での改行は考えていないので、テーブルの幅を絶対的に固定する方法ありますでしょうか？ <table width="50" border="0" style="background-color: #cecece"> <tbody> <tr> <td>AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</td> </tr> </tbody> </table>

tomohiro2006
お礼率23% (4/17)

HTML
回答数4
ありがとう数7

みんなの回答 （4）
専門家の回答

質問者が選んだベストアンサー

ベストアンサー

aqucent
ベストアンサー率39% (78/200)

2006/09/03 10:20 回答No.2

HTMLでは「単語」は改行されないようになっています。 "AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA" はスペースを含まない英数字ですので、単語と見なされてしまうのです。 CSSの word-break:break-all を使えば、どんな状況でも強制的に改行します。(CSSの規格外でIE限定です) ただし、単語の区切りによる改行が無効になるので、視認性は下がります。

参考URL：: http://pinotan.blog15.fc2.com/blog-entry-106.html

その他の回答 (3)

gura_
ベストアンサー率44% (749/1683)

2006/09/03 11:05 回答No.4

>テーブルの幅を絶対的に固定する方法ありますでしょうか？　テーブルの幅を固定するには、table-layout: fixed;を使います↓ <html><head> </head> <body> <table width="200" border="0" style="background-color: #cecece; table-layout: fixed;"> <tbody> <tr> <td>テーブルの幅を絶対的に固定するには、このようにtable-layout: fixed;を使います</td> <td>AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</td> </tr> <tr> <td>結果は、このようになります</td> <td>ＡＡＡＡＡＡＡＡＡＡＡＡＡＡＡＡＡＡＡＡＡＡＡＡＡＡＡＡＡＡＡＡＡＡＡＡＡＡＡＡＡＡＡＡ</td> </tr> </tbody> </table> </body> </html>

参考URL：: http://www.tohoho-web.com/css/reference.htm#table-layout

suzuko
ベストアンサー率38% (1112/2922)

2006/09/03 10:38 回答No.3

<td>AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</td> のAAAAAAAAAAの部分は英文でしょうか？日本語ならばキチンと改行されます。英文は単語の途中で「-」が無い限り改行されません。（これは英語表記でのお約束です）もちろん、半角の空白が間にはいると「それは単語が終了した」として改行されます。^^