{"id":112,"date":"2021-05-21T16:29:48","date_gmt":"2021-05-21T07:29:48","guid":{"rendered":"https:\/\/www.css-rescue.com\/?p=112"},"modified":"2025-03-21T08:48:38","modified_gmt":"2025-03-20T23:48:38","slug":"displayflex%e3%81%a7dldtdd%e3%82%92%e6%a8%aa%e4%b8%a6%e3%81%b3","status":"publish","type":"post","link":"https:\/\/www.css-rescue.com\/?p=112","title":{"rendered":"display:flex\u3067&lt;dl&gt;&lt;dt&gt;&lt;dd&gt;\u3092\u6a2a\u4e26\u3073"},"content":{"rendered":"\n<div class=\"talk\">\n\t<div class=\"talk_block\">\n\t\t<div class=\"talk_face\">\n\t\t\t<img decoding=\"async\" src=\"https:\/\/www.css-rescue.com\/wp-content\/uploads\/2021\/05\/guest.png\" alt=\"\u304a\u5ba2\u3055\u3093\">\n\t\t<\/div>\n\t\t<div class=\"talk_text\">\n\t\t\t<!-- \u304a\u5ba2\u3055\u3093\u306e\u30b3\u30e1\u30f3\u30c8 -->\n\t\t\t<p>display:flex\u3067&lt;dl&gt;&lt;dt&gt;&lt;dd&gt;\u3092\u6a2a\u4e26\u3073\u306b\u3057\u305f\u3044\u306e\u3002<\/p>\n\t\t\t<p>\u65b0\u7740\u60c5\u5831\u306e\u3068\u3053\u308d\u306b\u4f7f\u304a\u3046\u3068\u601d\u3063\u3066\u30fb\u30fb\u30fb<\/p>\n\t\t<\/div>\n\t<\/div>\n\t<div class=\"talk_block\">\n\t\t<div class=\"talk_face\">\n\t\t\t<img decoding=\"async\" src=\"https:\/\/www.css-rescue.com\/wp-content\/uploads\/2021\/05\/profile.png\" alt=\"\u968a\u54e1\uff11\u53f7\">\n\t\t<\/div>\n\t\t<div class=\"talk_text\">\n\t\t\t<!-- \u968a\u54e1\u306e\u30b3\u30e1\u30f3\u30c8 -->\n\t\t\t<p>\u4e86\u89e3\u3067\u3059\uff01<\/p>\n\t\t\t<p>\u3053\u3061\u3089\u306b\u306a\u308a\u307e\u3059\u2193<\/p>\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\n\n\n<pre class=\"wp-block-code code_css\"><code>.topic div {\n\tdisplay:flex;\n}\n.topic div dt {\n\tflex-basis:9rem;\n}\n.topic div dd {\n\tflex-basis:calc(100% - 9rem);\n}<\/code><\/pre>\n\n\n\n<pre class=\"wp-block-code code_html\"><code>&lt;dl class=\"topic\"&gt;\n\t&lt;div&gt;\n\t\t&lt;dt&gt;2021\u5e745\u670821\u65e5&lt;\/dt&gt;\n\t\t&lt;dd&gt;\u30a4\u30d9\u30f3\u30c8\u60c5\u5831\u3092\u66f4\u65b0\u3057\u307e\u3057\u305f\u3002&lt;\/dd&gt;\n\t&lt;\/div&gt;\n\t&lt;div&gt;\n\t\t&lt;dt&gt;2021\u5e746\u67081\u65e5&lt;\/dt&gt;\n\t\t&lt;dd&gt;\u65e5\u4ed8\u306e\u6841\u6570\u304c\u9055\u3063\u3066\u3044\u3066\u3082\u30ad\u30ec\u30a4\u306b\u6574\u5217\u3055\u308c\u307e\u3059\u3002&lt;\/dd&gt;\n\t&lt;\/div&gt;\n\t&lt;div&gt;\n\t\t&lt;dt&gt;2021\u5e7412\u670831\u65e5&lt;\/dt&gt;\n\t\t&lt;dd&gt;\u6587\u7ae0\u304c\u9577\u3044\u5834\u5408\u306f\u4e8c\u5217\u3067\u8868\u793a\u3055\u308c\u307e\u3059\u3002\u65e5\u4ed8\u306b\u5408\u308f\u305b\u3066\u30a4\u30f3\u30c7\u30f3\u30c8\u3055\u308c\u307e\u3059\u3002&lt;\/dd&gt;\n\t&lt;\/div&gt;\n&lt;\/dl&gt;<\/code><\/pre>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/www.css-rescue.com\/wp-content\/uploads\/2021\/05\/20210521-6.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"600\" src=\"https:\/\/www.css-rescue.com\/wp-content\/uploads\/2021\/05\/20210521-6.jpg\" alt=\"display:flex\u3067display:flex\u3067<dl&gt;<dt&gt;<dd&gt;\u3092\u6a2a\u4e26\u3073\" class=\"wp-image-116\" srcset=\"https:\/\/www.css-rescue.com\/wp-content\/uploads\/2021\/05\/20210521-6.jpg 1200w, https:\/\/www.css-rescue.com\/wp-content\/uploads\/2021\/05\/20210521-6-300x150.jpg 300w, https:\/\/www.css-rescue.com\/wp-content\/uploads\/2021\/05\/20210521-6-1024x512.jpg 1024w, https:\/\/www.css-rescue.com\/wp-content\/uploads\/2021\/05\/20210521-6-768x384.jpg 768w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><\/a><\/figure>\n\n\n\n<p><a href=\"https:\/\/www.css-rescue.com\/wp-content\/uploads\/sample\/dl.html\">SAMPLE<\/a><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p>\u4e00\u9805\u76ee\u3054\u3068\u306bdiv\u3092\u631f\u3080\u306e\u304c\u30dd\u30a4\u30f3\u30c8\u3067\u3059\u3002<\/p>\n\n\n\n<p>\u6c17\u6301\u3061\u60aa\u3055\u3092\u611f\u3058\u308b\u65b9\u3082\u3044\u308b\u304b\u3082\u3057\u308c\u307e\u305b\u3093\u304c\u3001dl\u8981\u7d20\u5185\u306ediv\u4f7f\u7528\u306fW3C\u306b\u3066\u8a8d\u3081\u3089\u308c\u3066\u3044\u307e\u3059\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"<p>display:flex\u3067&lt;dl&gt;&lt;dt&gt;&lt;dd&gt;\u3092\u6a2a\u4e26\u3073\u306b\u3057\u305f\u3044\u306e\u3002 \u65b0\u7740\u60c5\u5831\u306e\u3068\u3053\u308d\u306b\u4f7f\u304a\u3046\u3068\u601d\u3063\u3066\u30fb\u30fb\u30fb \u4e86\u89e3\u3067\u3059\uff01 \u3053\u3061\u3089\u306b\u306a\u308a\u307e\u3059\u2193 SAMPLE \u4e00\u9805\u76ee\u3054\u3068\u306bdiv\u3092\u631f\u3080\u306e [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":122,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[],"class_list":["post-112","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-displayflex"],"_links":{"self":[{"href":"https:\/\/www.css-rescue.com\/index.php?rest_route=\/wp\/v2\/posts\/112","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.css-rescue.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.css-rescue.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.css-rescue.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.css-rescue.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=112"}],"version-history":[{"count":15,"href":"https:\/\/www.css-rescue.com\/index.php?rest_route=\/wp\/v2\/posts\/112\/revisions"}],"predecessor-version":[{"id":896,"href":"https:\/\/www.css-rescue.com\/index.php?rest_route=\/wp\/v2\/posts\/112\/revisions\/896"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.css-rescue.com\/index.php?rest_route=\/wp\/v2\/media\/122"}],"wp:attachment":[{"href":"https:\/\/www.css-rescue.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=112"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.css-rescue.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=112"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.css-rescue.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=112"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}