質問編集履歴
2
本文
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -417,3 +417,9 @@
|
|
|
417
417
|
|
|
418
418
|
|
|
419
419
|
しかし、liにflexを適用したことで、figureのfloatが効かなくなりました。
|
|
420
|
+
|
|
421
|
+
|
|
422
|
+
|
|
423
|
+
また、liのflexをやめてblockquoteに```hight: 100%```を設定したところ、ボタンとリンクがカードがからはみ出しました。
|
|
424
|
+
|
|
425
|
+
[CodeSandBox3](https://codesandbox.io/embed/musing-robinson-c2kfw?fontsize=14&hidenavigation=1&theme=dark)
|
1
本文
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -20,7 +20,7 @@
|
|
|
20
20
|
|
|
21
21
|
|
|
22
22
|
|
|
23
|
-
また、画像は```float: left```を設定し、画像に対し引用文を
|
|
23
|
+
また、画像は```float: left```を設定し、画像に対し引用文を回り込ませています。
|
|
24
24
|
|
|
25
25
|
引用文、ボタン、リンクのテキスト量は可変です。
|
|
26
26
|
|
|
@@ -30,7 +30,7 @@
|
|
|
30
30
|
|
|
31
31
|
|
|
32
32
|
|
|
33
|
-
ボタンとリンクの縦並びの要素を一まとまりと考え、その一まとまりをカード最下部に配置したいです。
|
|
33
|
+
画像に引用文を回り込ませつつ、ボタンとリンクの縦並びの要素を一まとまりと考え、その一まとまりをカード最下部に配置したいです。
|
|
34
34
|
|
|
35
35
|
ただし、できるだけ余計なDOMを増やしたくないため、ボタンとリンクはwrapしたくないです。
|
|
36
36
|
|
|
@@ -40,7 +40,7 @@
|
|
|
40
40
|
|
|
41
41
|
|
|
42
42
|
|
|
43
|
-
引用文の量が可変のため、例えば左のカードの引用文が多く右のカードの引用文が少ない場合は、隣のカードと比較した際、ボタンとリンクの位置が揃
|
|
43
|
+
引用文の量が可変のため、例えば左のカードの引用文が多く右のカードの引用文が少ない場合は、隣のカードと比較した際、ボタンとリンクの位置が揃いません。
|
|
44
44
|
|
|
45
45
|
|
|
46
46
|
|