【flex】 flex内でtext-overflowが効かないときのTIPS

参考:http://cly7796.net/wp/css/it-does-not-work-text-overflow-in-the-flexbox/


世の中の人は、優秀だなーと

原理的にはよくわかりませんが、flexで子要素にtext-overflowを指定すると省略されるはみ出す事案の対処方法

flexの子要素(アイテム)に、min-width: 0;かoverflow: hidden;をつける。

これだけ。

overflow: hidden;ということは、スタック文章が関係してきそうですが、min-widthで同じことができるのはよくわかりませんなー。
原理の詳細も欲しいぜ…。

何かわかったら追記します。

コメント