こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

解決済みの質問

テーブルが横に長くなってしまう

の困ってます
width=100%を超えたら折り返してほしいのですが・・・
aaa...aaaが短いときにはいいのですが長いとテーブルが横に長くなります
範囲を超えたら自動的に折り返すようにできないのでしょうか?


<table width="100%" border="1">
<tr><td align="center">contents</td></tr>
aaa...aaa
<tr><td align="left">
</td></tr>
</table>

投稿日時 - 2005-10-04 13:46:02

QNo.1691445

暇なときに回答ください

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

…タグ間違ってませんか?

>範囲を超えたら自動的に折り返す
文字列を折り返すのなら、tableの100%を固定幅にすればいいと思います。

投稿日時 - 2005-10-04 13:58:30

補足

失礼しました
ペースト位置を間違えていました
tableの100%を固定幅にするとはどういうことでしょうか?
そのような属性は有るのでしょうか?

<table width="100%" border="1">
<tr><td align="center">contents</td></tr>
<tr><td align="left">
aaa...aaa
</td></tr>
</table>

投稿日時 - 2005-10-04 14:03:30

ANo.1

このQ&Aは役に立ちましたか?

1人が「このQ&Aが役に立った」と投票しています

回答(6)

ANo.6

#5です。

言い忘れました。
IE限定のCSSです。

投稿日時 - 2005-10-04 17:15:41

お礼

ありがとうごじあます
モジラ系ではだめなのですね
ファイアーフォックス利用者としては残念です

投稿日時 - 2005-10-04 17:24:04

ANo.5

スタイルシート使ってもいいですか?
<table width="100%" border="1" style="word-break:break-all">
<tr>
<td align="center">contents</td>
</tr>
<tr>
<td align="left">
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
</td>
</tr>
</table>

これで単語に関係なく全て改行するようになります。

word-breakには以下のモードがあります。
normal(規定値) :英文のみ単語の切れ目で改行
break-all   :英文、和文共に単語の途中でも改行
keep-all    :英文、和文共に単語の切れ目で改行

投稿日時 - 2005-10-04 17:11:37

ANo.4

同じ質問がありました。
http://oshiete1.goo.ne.jp/kotaeru.php3?q=35175

未解決です。

参考URL:http://oshiete1.goo.ne.jp/kotaeru.php3?q=35175

投稿日時 - 2005-10-04 17:10:51

お礼

ありがとうございます
やはり無理なのですね

投稿日時 - 2005-10-04 17:22:23

ANo.3

連続した半角英数字の場合、幅を指定してもその幅で折り返すことはありません。
?(クエスチョン)や、!(エクスクラメーション)など特別な文字のところで折り返すようになっています。

投稿日時 - 2005-10-04 16:01:12

お礼

ありがとうございます
不可能なのですね

投稿日時 - 2005-10-04 17:19:56

ANo.2

<table width="500" border="1">
とかして固定長を設定します。

投稿日時 - 2005-10-04 14:26:59

お礼

ありがとうございます
以下でもだめです
できたら画面いっぱいに表示したいので%の方がいいのですが


<table width="600" border="1">
<tr><td align="center">contents</td></tr>
<tr><td align="left">
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
</td></tr>
</table>

投稿日時 - 2005-10-04 15:25:55

あなたにオススメの質問