tableの幅をがっちり固定

質問

<table width="500">
<tr>
<td>
長い文字列長い文字列長い文字列長い文字列長い文字列....
</td>
...

の場合、widthで500ピクセル幅を指定しているにもかかわらず横幅が500以上に成ってしまいます。

文字列に改行を加えればいいのですが、改行をしない方法で指定した500px内に納めることはできないでしょうか？

よろしくお願いいたします。

回答No.4

goldfox · ベストアンサー

<pre>でも使ってるんでしょうか？

＞改行をしない方法で指定した500px内に納めることはできないでしょうか？
overflow（とwhite-space）を使う。

td { width: 500px; overflow: auto; white-space: nowrap; }

http://www.tagindex.com/stylesheet/box/overflow.html
http://www.tagindex.com/stylesheet/text_font/white_space.html

<pre>を使っておいて自動的に折り返し、というのは無理です。
折り返しをしないのが<pre>ですから。

回答No.3

ORUKA1951

＞widthで500ピクセル幅を指定して
＞改行をしない方法で指定した500px内に納めることはできないでしょうか？
物理的に不可能ですが？？？？？
５mの車を2mの車庫には入れられない。

回答No.2

noname#83877

文字列は英語でしょうか？
テストするときに

aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa

のように半角スペースを入れないと確かにはみ出ますが、普段は改行されると思うのですが・・・

回答No.1

noname#83877

table {
width:500px;
table-layout:fixed;
}

でどうでしょう？

補足

回答有り難うございます。

以上の方法ですと各カラムの幅が均等になるだけで文字はテーブルからはみ出したままです。