{"width":"100%","description":"\u89aa\u8981\u7d20\u306bflex\u3092\u8a2d\u5b9a\u3059\u308b \u5b50\u8981\u7d20\u306b\u4e0b\u8a18CSS\u3092\u5f53\u3066\u308b overflow: hidden; text-overflow: ellipsis; white-space: nowrap; \u3053\u308c\u3067\u3001\u30a6\u30a3\u30f3\u30c9\u30a6\u30b5\u30a4\u30ba\u3092\u7e2e\u3081\u305f\u969b\u3001\u5b50\u8981\u7d20\u306f\u5e45\u3092\u7e2e\u3081\u3066\u8981\u7d20\u5185\u306e\u30c6\u30ad\u30b9\u30c8\u3092\u7701\u7565\u3067\u304d\u307e\u3059\u3002 DEMO \u3082\u3057\u3082\u3001\u5b50\u8981\u7d20\u306e\u4e2d\u306b\u5e45\u3092\u7e2e\u3081\u305f\u304f\u306a\u3044\u3082\u306e\u304c\u3042\u308b\u306e\u3067\u3042\u308c\u3070\u3001flex-shrink\u30920\u306b\u8a2d\u5b9a\u3057\u307e\u3059\u3002 DEMO \u4e0a\u8a18\u4f8b\u306f\u3001\u6700\u5f8c\u306e\u8981\u7d20\u4ee5\u5916flex-shrink\u30920\u306b\u8a2d\u5b9a\u3057\u3066\u3044\u308b\u306e\u3067\u3001\u6700\u5f8c\u306e\u8981\u7d20\u306e\u307f\u304c\u5e45\u304c\u7e2e\u307e\u308a\u307e\u3059\u3002","categories":["CSS"],"image_url":"https://cdn-ak.f.st-hatena.com/images/fotolife/k/kimizuka/20240528/20240528233607.gif","version":"1.0","height":"190","author_url":"https://blog.hatena.ne.jp/kimizuka/","html":"<iframe src=\"https://hatenablog-parts.com/embed?url=https%3A%2F%2Fblog.kimizuka.org%2Fentry%2F2024%2F05%2F28%2F234034\" title=\"\u89aa\u8981\u7d20\u306e\u5e45\u3092\u7e2e\u3081\u305f\u969b\u3001\u5b50\u8981\u7d20\u3082\u5e45\u3092\u7e2e\u3081\u3064\u3064\u8981\u7d20\u5185\u306e\u30c6\u30ad\u30b9\u30c8\u3092\u7701\u7565\u3059\u308b \ud83d\udcbb - \u307f\u304b\u3065\u304d\u30d6\u30ed\u30b0\u30fb\u30ab\u30b9\u30bf\u30e0\" class=\"embed-card embed-blogcard\" scrolling=\"no\" frameborder=\"0\" style=\"display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;\"></iframe>","provider_url":"https://hatena.blog","author_name":"kimizuka","type":"rich","published":"2024-05-28 23:40:34","title":"\u89aa\u8981\u7d20\u306e\u5e45\u3092\u7e2e\u3081\u305f\u969b\u3001\u5b50\u8981\u7d20\u3082\u5e45\u3092\u7e2e\u3081\u3064\u3064\u8981\u7d20\u5185\u306e\u30c6\u30ad\u30b9\u30c8\u3092\u7701\u7565\u3059\u308b \ud83d\udcbb","blog_title":"\u307f\u304b\u3065\u304d\u30d6\u30ed\u30b0\u30fb\u30ab\u30b9\u30bf\u30e0","blog_url":"https://blog.kimizuka.org/","url":"https://blog.kimizuka.org/entry/2024/05/28/234034","provider_name":"Hatena Blog"}