テーブルの幅固定を以下のように行っているのですが文字が指定した幅を超えると、
幅を指定してるにも関わらず、文字が改行せずに幅が伸びてしまいます。
自動的に改行になるとばかり思っていました。
<br>での改行は考えていないので、テーブルの幅を絶対的に固定する方法ありますでしょうか?
<table width="50" border="0" style="background-color: #cecece">
<tbody>
<tr>
<td>AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</td>
</tr>
</tbody>
</table>
No.2ベストアンサー
- 回答日時:
HTMLでは「単語」は改行されないようになっています。
"AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA" はスペースを含まない英数字ですので、単語と見なされてしまうのです。
CSSの word-break:break-all を使えば、どんな状況でも強制的に改行します。(CSSの規格外でIE限定です)
ただし、単語の区切りによる改行が無効になるので、視認性は下がります。
参考URL:http://pinotan.blog15.fc2.com/blog-entry-106.html
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>AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</td>
</tr>
</tbody>
</table>
</body>
</html>
参考URL:http://www.tohoho-web.com/css/reference.htm#tabl …
No.3
- 回答日時:
<td>AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA</td>
のAAAAAAAAAAの部分は英文でしょうか?
日本語ならばキチンと改行されます。
英文は単語の途中で「-」が無い限り改行されません。
(これは英語表記でのお約束です)
もちろん、半角の空白が間にはいると「それは単語が終了した」として改行されます。^^
No.1
- 回答日時:
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS テーブルタグのセルの幅の一部だけを指定 1 2023/03/12 12:02
- Visual Basic(VBA) Selenium.ChromeDriverの使い方について 7 2022/09/22 06:43
- JavaScript EasyUIのSubGrid(jquery)におけるObjectに入れた連想配列について 1 2022/05/02 11:21
- SQL Server ACCESSで3ファイルを結合して、表を作成するやり方を教えて下さい。 17 2022/08/15 20:34
- SQL Server ACCESSで複数テーブルを結合して、リストを作る方法を教えてください。 2 2022/08/12 19:32
- HTML・CSS 自身のHPにYouTube動画を貼り付けるのが出来なくなり困ってます 1 2022/11/11 10:44
- Excel(エクセル) ¥マークを含むパスの処理について(マクロ、または関数) 2 2022/12/25 02:11
- Access(アクセス) AccessVBAで降順にするテーブル作成クエリを使用して作成したテーブルを削除し同一のテーブル作成 1 2023/01/06 11:17
- Excel(エクセル) Powershell エクセル検索 完全一致の方法 1 2022/06/05 20:19
- Visual Basic(VBA) VBA。複数のChangeイベントをまとめる方法 2 2022/03/31 12:03
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
htmlの文字が縦書きになる
-
<!DOCTYPE html>あってますか?↑
-
HTML電卓で1文字消す方法
-
テーブルの行を折りたたみたい...
-
Duolingo のソースコードの名前...
-
コードを書いて下さい( ; ; )...
-
初心者html・CSS ウィンドウを...
-
スマホで、左右にスワイプして...
-
メモ帳の段落の揃え方
-
角丸画像の背景色を透明にした...
-
テーブルタグのセルの幅の一部...
-
HTMLです すいません教えてくだ...
-
フロントエンジニアで一人前と...
-
HTMLで特定の文字だけ色を変え...
-
WEBページを強制的に横画面で見...
-
スマホでHTMLファイルを開いて...
-
ウェブサイトにアップされてい...
-
、URL化させるにはどうしたらい...
-
goo は、放置?
-
CSS、Bootstrapについて contai...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
htmlで改行タグを入れていない...
-
テーブルwidthで指定したのに幅...
-
テーブルが横に長くなってしまう
-
隠しページの探し方
-
ドラッグすると見える文字
-
アクセスログの「HEAD」と...
-
HTML タグへのstyle記載の違い
-
アドレスバーへの直接入力を禁...
-
数値Lについて
-
大きくなった文字を元に戻すには?
-
ヤフオクの出品説明文をカラー...
-
HPのソースをそのまま貼り付け...
-
ExcelのVBAの正規表現で二重引...
-
CMSサイトの見分け方は?
-
昔のゲーム、ブラックオニキス...
-
HPビルダーの拡張子について
-
グラデーションの仕方
-
ヘッダーを共通化した場合のSEO...
-
CSSで謎の現象
-
VBAで自動ログインできない
おすすめ情報