重要なお知らせ

「教えて! goo」は2025年9月17日(水)をもちまして、サービスを終了いたします。詳細はこちら＞

電子書籍の厳選無料作品が豊富！

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

解決済

  • 質問者：tomohiro2006
  • 質問日時：
  • 回答数：4件

テーブルの幅固定を以下のように行っているのですが文字が指定した幅を超えると、
幅を指定してるにも関わらず、文字が改行せずに幅が伸びてしまいます。
自動的に改行になるとばかり思っていました。
<br>での改行は考えていないので、テーブルの幅を絶対的に固定する方法ありますでしょうか？

<table width="50" border="0" style="background-color: #cecece">
<tbody>
<tr>
<td>AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</td>
</tr>
</tbody>
</table>

通報する

この質問への回答は締め切られました。

質問の本文を隠す

A 回答 (4件)

No.2ベストアンサー

  • 回答者： aqucent
  • 回答日時：

HTMLでは「単語」は改行されないようになっています。


"AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA" はスペースを含まない英数字ですので、単語と見なされてしまうのです。

CSSの word-break:break-all を使えば、どんな状況でも強制的に改行します。(CSSの規格外でIE限定です)
ただし、単語の区切りによる改行が無効になるので、視認性は下がります。

参考URL：http://pinotan.blog15.fc2.com/blog-entry-106.html
    • good
    • 0
    • 件
通報する

No.4

  • 回答者： gura_
  • 回答日時：

>テーブルの幅を絶対的に固定する方法ありますでしょうか？



　テーブルの幅を固定するには、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#tabl …
    • good
    • 0
    • 件
通報する

No.3

  • 回答者： suzuko
  • 回答日時：

<td>AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</td>


のAAAAAAAAAAの部分は英文でしょうか？

日本語ならばキチンと改行されます。
英文は単語の途中で「-」が無い限り改行されません。
（これは英語表記でのお約束です）
もちろん、半角の空白が間にはいると「それは単語が終了した」として改行されます。^^
    • good
    • 0
    • 件
通報する

No.1

  • 回答者： STAGE708
  • 回答日時：

下記サイトを参考にしてみてください。


これじゃ、だめですか？

参考URL：http://www.newcredge.com/IT/www/html/tag/table/t …
    • good
    • 0
    • 件
通報する

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

Q質問する（無料）

ページトップページトップ

Q質問する（無料）

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

おすすめ情報