tableタグで作った表がうまく表示されないときの原因と対処法
- tableタグで作った表がうまく表示されないとき
- 上手く表示されない場合（tableタグがない場合）
- 上手く表示されない場合（trタグがない場合）
- tableタグとtrタグがある場合（ない場合との比較）
- まとめ
tableタグで作った表がうまく表示されないとき
HTMLでtableタグやtrタグを使って表をつくっていると、うまく表示されないことがあります。
例えば、下記のような表示になることがあります。
表を作ったはずなのになぜかテキストだけが表示されています。
こういう場合もあります。
| テキスト | テキスト | テキスト | テキスト | テキスト | テキスト |
|---|
2列の表にするつもりが1列で表示されてしまっています。
上手く表示されない場合（tableタグがない場合）
tableタグを書いていない場合や、記述の一部分が正しくない場合、
下記のようになります。
表とはならずにテキストが3つずつ並びます。trタグで囲んである部分は同じ列となります。
（表示例）
上手く表示されない場合（trタグがない場合）
trタグがない場合は表にはなりますが、列が分かれないので一列に表示されてしまいます。
（表示例）
| テキスト1 | テキスト2 | テキスト3 | テキスト4 | テキスト5 | テキスト6 | テキスト7 | テキスト8 | テキスト9 |
|---|
tableタグとtrタグがある場合（ない場合との比較）
今回はテキストtableタグとtrタグを書き、を3行ごとにtrタグで囲っています。こうすることで3×3の表にすることができます。
（表示例）
| テキスト1 | テキスト2 | テキスト3 |
|---|---|---|
| テキスト4 | テキスト5 | テキスト6 |
| テキスト7 | テキスト8 | テキスト9 |
まとめ
・HTMLで表を作っているとうまく表にならないことがある
・tableタグやtrタグがない場合などが原因のこともある
