質問編集履歴
1
詳細を少し足しました。
test
CHANGED
File without changes
|
test
CHANGED
@@ -1,4 +1,40 @@
|
|
1
|
+
###現在の問題点
|
2
|
+
|
3
|
+
|
4
|
+
|
5
|
+
Instagramに投稿した写真は、大きさがバラバラなため、バランスが良くない表示になる。
|
6
|
+
|
7
|
+
画像の横幅は決まっていて、比を維持しながらそれに合わせて写真の高さが変わるので、行ごとにばらばらな表示になってしまう。
|
8
|
+
|
9
|
+
|
10
|
+
|
11
|
+
vertical-align: middle;
|
12
|
+
|
13
|
+
で縦の真ん中にはしてみた。
|
14
|
+
|
15
|
+
|
16
|
+
|
17
|
+
###やってみたこと
|
18
|
+
|
19
|
+
|
20
|
+
|
21
|
+
- 子要素をdisplay:flex;にする。
|
22
|
+
|
23
|
+
- object-fit: contain; とか object-fit: scale-down;
|
24
|
+
|
25
|
+
|
26
|
+
|
27
|
+
とかやってみましたが、理想通り思ったように表示されず、、、
|
28
|
+
|
29
|
+
検索して調べたページについては忘れてしまいました。
|
30
|
+
|
31
|
+
|
32
|
+
|
33
|
+
親が、inline-flexなのが問題?
|
34
|
+
|
35
|
+
|
36
|
+
|
1
|
-
###
|
37
|
+
### 実現したいこと
|
2
38
|
|
3
39
|
|
4
40
|
|
@@ -156,23 +192,7 @@
|
|
156
192
|
|
157
193
|
|
158
194
|
|
159
|
-
|
195
|
+
|
160
|
-
|
161
|
-
|
162
|
-
|
163
|
-
- 子要素をdisplay:flex;にする。
|
164
|
-
|
165
|
-
- object-fit: contain; とか object-fit: scale-down;
|
166
|
-
|
167
|
-
|
168
|
-
|
169
|
-
とかやってみましたが、うまくいかず。
|
170
|
-
|
171
|
-
検索して調べたページについては忘れてしまいました。
|
172
|
-
|
173
|
-
|
174
|
-
|
175
|
-
親が、inline-flexなのが問題?
|
176
196
|
|
177
197
|
|
178
198
|
|