回答編集履歴
1
追記
test
CHANGED
|
@@ -61,3 +61,23 @@
|
|
|
61
61
|
ご提示のコードだけでは再現しませんでしたが、右カラムに固定幅が存在するならば、そういったふるまいになるはずです。
|
|
62
62
|
|
|
63
63
|
なぜそうなるかは、「infoの方だけ縮ませるためにこのような指定をしている」というご理解の通りです。
|
|
64
|
+
|
|
65
|
+
|
|
66
|
+
|
|
67
|
+
---
|
|
68
|
+
|
|
69
|
+
|
|
70
|
+
|
|
71
|
+
もしかすると、`flex-shrink`というよりも、`width: auto` `flex-basis: auto`のふるまいをご理解されていないのが原因かもしれない、と感じました。
|
|
72
|
+
|
|
73
|
+
|
|
74
|
+
|
|
75
|
+
> content
|
|
76
|
+
|
|
77
|
+
> flex アイテムの内容物に基づいて、**自動的にサイズを決めます**。
|
|
78
|
+
|
|
79
|
+
>
|
|
80
|
+
|
|
81
|
+
> メモ: この値は Flexible Box Layout の初期リリースでは定義されていませんでしたので、古い実装では対応していない場合があります。 main size (width または height) を auto にするのと合わせて auto を使用することで、同等の効果を得られます。
|
|
82
|
+
|
|
83
|
+
[flex-basis - CSS: カスケーディングスタイルシート | MDN](https://developer.mozilla.org/ja/docs/Web/CSS/flex-basis#values)
|