幅指定しても文字が折り返さずどんどん伸びるDIVやTABLE

[新着] Webテンプレートを仮オープンしました



0   名前: もやっと : 2006/08/24(木) 08:59  ID:.uRvMT7/
初めて利用します。よろしくお願い致します。
(検索してみましたがうまく同じような質問を発見できませんでした。)

【現在の状況】
<DIV>や<TABLE>内に半角英数字で文字を入力していくと、HTMLタグやCSSで幅を指定していても途中で折り返さずにどんどん幅が伸びてしまいます。

【どうしたいのか】
幅100pxと指定したならその通り100の幅で文字を折り返し、それ以上伸びないで欲しい。

【何をしたのか】
例えば表は550の幅で止まって欲しい…でも実際は入力した文字は折り返してくれません。

<TABLE border="0" cellpadding="0" cellspacing="0" width="550">
<COL span="1" width="150">
<COL span="1" width="400">
<TBODY>
<TR>
<TD>aaaaaaaaaaaaaaaaaaaaa</TD>
<TD>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</TD>
</TR>
<TR>
<TD>bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</TD>
<TD>cccccccccccccccccccccccccccccccccccccccccccccccccccccccccc</TD>
</TBODY>
</TABLE>

またDIVも同じく
<DIV style="width : 100px;">qqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqq</DIV>
折り返しません。

対策がありましたら教えて頂けないでしょうか。
よろしくお願い致します。

1   名前: 木目 : 2006/08/24(木) 08:59  ID:fqdMmGx0
IE独自仕様らしいのですが

<DIV style="width:100px;word-wrap:break-word;">qqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqq</DIV>

とすると折り返されるようです。

2   名前: もやっと : 2006/08/24(木) 08:59  ID:.uRvMT7/
そうなんですね!ありがとうございます!!本当に助かりました!

3   名前: はな : 2006/08/24(木) 08:59  ID:fZTJWa4V
再びあげてすみません。
自分も同じ現象になってしまい困ります。
強制的に改行したい場合は、<BR>タグを入れて、幅を調節するしかないのでしょうか?

4   名前: カヅサツ ◆ThCi95HEzw : 2006/08/24(木) 08:59  [URL]  ID:O5hEMlpW
http://www.tagindex.com/bbs/note.html#h202
> 質問内容が似ているスレッドを発見した場合でも、そのスレッド内では追加で質問しないでください。

一覧へ戻る