回答編集履歴

2

内容修正

2021/06/10 17:24

投稿

runnynose
runnynose

スコア497

test CHANGED
@@ -1,6 +1,6 @@
1
1
  サンプルサイトの関連のソースを抜き出してみたので、分解しながら参考にしてみてください^^
2
2
 
3
- ただ、サンプルサイトの実装も古いですね。。。最近のレイアウト調整ではflexというプロパティが使用されています。
3
+ ただ、サンプルサイトの実装も古いですね。。。最近のレイアウト調整ではdisplay: tableではなくdisplay: flexというプロパティが使用されています。
4
4
 
5
5
  参考:[https://developer.mozilla.org/ja/docs/Web/CSS/flex](https://developer.mozilla.org/ja/docs/Web/CSS/flex)
6
6
 

1

内容修正

2021/06/10 17:24

投稿

runnynose
runnynose

スコア497

test CHANGED
@@ -1,8 +1,18 @@
1
- 関連のソースを抜き出してみたので、分解しながら参考にしてみてください^^
1
+ サンプルサイトの関連のソースを抜き出してみたので、分解しながら参考にしてみてください^^
2
+
2
-
3
+ ただ、サンプルサイトの実装も古いですね。。。最近のレイアウト調整ではflexというプロパティが使用されています。
4
+
3
-
5
+ 参考:[https://developer.mozilla.org/ja/docs/Web/CSS/flex](https://developer.mozilla.org/ja/docs/Web/CSS/flex)
6
+
7
+
8
+
4
-
9
+ HTMLと合わせてみないと確かなことは言えないかもですけど、質問者さんの原因はdisplay:table-cell;内の画像をwidth: auto;にしてるからですかね?
10
+
11
+
12
+
13
+
14
+
5
- ```h
15
+ ```html
6
16
 
7
17
  <!DOCTYPE html>
8
18