回答編集履歴
2
内容修正
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
内容修正
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
|
|