回答編集履歴
1
MDNドキュメントのリンクを追加
answer
CHANGED
|
@@ -117,4 +117,15 @@
|
|
|
117
117
|
|
|
118
118
|
セルに長い文字列などが入った場合、このCSSだと内容に応じてセルの幅が拡張されてしまいます。これを防ぐためにはセル（th, td）に対して `word-break: break-all` を指定します。
|
|
119
119
|
|
|
120
|
-
セルの幅を決め打ちするのではなく、テーブル全体の幅を決める方法も考えられます。その場合は th, td への width 指定をせずに（一部のセルに width を指定してもよい）、table に対して `width` と `table-layout: fixed` を指定します。
|
|
120
|
+
セルの幅を決め打ちするのではなく、テーブル全体の幅を決める方法も考えられます。その場合は th, td への width 指定をせずに（一部のセルに width を指定してもよい）、table に対して `width` と `table-layout: fixed` を指定します。
|
|
121
|
+
|
|
122
|
+
## 参考
|
|
123
|
+
|
|
124
|
+
CSSプロパティ等の詳細は MDN ドキュメントをご覧ください。
|
|
125
|
+
|
|
126
|
+
- ボックスモデルの概念
|
|
127
|
+
- https://developer.mozilla.org/ja/docs/Learn/CSS/Building_blocks/The_box_model#parts_of_a_box
|
|
128
|
+
- `box-sizing` プロパティ
|
|
129
|
+
- https://developer.mozilla.org/ja/docs/Web/CSS/box-sizing
|
|
130
|
+
- `border-collapse` プロパティ
|
|
131
|
+
- https://developer.mozilla.org/ja/docs/Web/CSS/border-collapse
|