{"id":7371,"date":"2021-11-05T08:22:53","date_gmt":"2021-11-05T08:22:53","guid":{"rendered":"https:\/\/aguaps.com\/blog\/marketing-es\/flex-layout-generator-para-especificar-la-alineacion-horizontal-y-el-ajuste-con-flexbox-en-css\/"},"modified":"2025-08-11T23:02:47","modified_gmt":"2025-08-11T23:02:47","slug":"flexbox-generator","status":"publish","type":"post","link":"https:\/\/cf888644.cloudfree.jp\/es\/tool-es\/flexbox-generator\/","title":{"rendered":"FLEX LAYOUT GENERATOR para especificar la alineaci\u00f3n horizontal y el ajuste con Flexbox en CSS."},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">El dise\u00f1o flexbox se utiliza muy a menudo. El generador de dise\u00f1o flexbox aqu\u00ed soporta ajustes de elementos padre e hijo, dise\u00f1os verticales y horizontales y se puede utilizar copiando y pegando el c\u00f3digo, por lo que es muy conveniente.<\/p>\n\n\n\n<!--more-->\n\n\n\n<h2 class=\"wp-block-heading\"><strong>FLEX LAYOUT GENERATOR<\/strong><\/h2>\n\n\n\n<a href=\"https:\/\/suiq.jp\/flex-layout-generator\/\" target=\"_blank\" rel=\"noopener\">https:\/\/suiq.jp\/flex-layout-generator\/<\/a> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 21 21\" width=\"21\" height=\"21\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M19.5 4.5h-7V6h4.44l-5.97 5.97 1.06 1.06L18 7.06v4.44h1.5v-7Zm-13 1a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-3H17v3a.5.5 0 0 1-.5.5h-10a.5.5 0 0 1-.5-.5v-10a.5.5 0 0 1 .5-.5h3V5.5h-3Z\"><\/path><\/svg>\n\n\n\n<div style=\"height:43px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"1625\" src=\"https:\/\/i0.wp.com\/aguaps.com\/wp-content\/uploads\/2024\/05\/sc-flexbox_generator01-scaled.jpg?fit=780%2C495&amp;ssl=1\" alt=\"\" class=\"wp-image-7343\" srcset=\"https:\/\/cf888644.cloudfree.jp\/wp-content\/uploads\/2024\/05\/sc-flexbox_generator01-scaled.jpg 2560w, https:\/\/cf888644.cloudfree.jp\/wp-content\/uploads\/2024\/05\/sc-flexbox_generator01-300x190.jpg 300w, https:\/\/cf888644.cloudfree.jp\/wp-content\/uploads\/2024\/05\/sc-flexbox_generator01-1024x650.jpg 1024w, https:\/\/cf888644.cloudfree.jp\/wp-content\/uploads\/2024\/05\/sc-flexbox_generator01-768x487.jpg 768w, https:\/\/cf888644.cloudfree.jp\/wp-content\/uploads\/2024\/05\/sc-flexbox_generator01-1536x975.jpg 1536w, https:\/\/cf888644.cloudfree.jp\/wp-content\/uploads\/2024\/05\/sc-flexbox_generator01-2048x1300.jpg 2048w, https:\/\/cf888644.cloudfree.jp\/wp-content\/uploads\/2024\/05\/sc-flexbox_generator01-95x60.jpg 95w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/><figcaption class=\"wp-element-caption\">Especificaci\u00f3n del elemento principal<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"1622\" src=\"https:\/\/i0.wp.com\/aguaps.com\/wp-content\/uploads\/2024\/05\/sc-flexbox_generator02-scaled.jpg?fit=780%2C494&amp;ssl=1\" alt=\"\" class=\"wp-image-7346\" srcset=\"https:\/\/cf888644.cloudfree.jp\/wp-content\/uploads\/2024\/05\/sc-flexbox_generator02-scaled.jpg 2560w, https:\/\/cf888644.cloudfree.jp\/wp-content\/uploads\/2024\/05\/sc-flexbox_generator02-300x190.jpg 300w, https:\/\/cf888644.cloudfree.jp\/wp-content\/uploads\/2024\/05\/sc-flexbox_generator02-1024x649.jpg 1024w, https:\/\/cf888644.cloudfree.jp\/wp-content\/uploads\/2024\/05\/sc-flexbox_generator02-768x487.jpg 768w, https:\/\/cf888644.cloudfree.jp\/wp-content\/uploads\/2024\/05\/sc-flexbox_generator02-1536x973.jpg 1536w, https:\/\/cf888644.cloudfree.jp\/wp-content\/uploads\/2024\/05\/sc-flexbox_generator02-2048x1298.jpg 2048w, https:\/\/cf888644.cloudfree.jp\/wp-content\/uploads\/2024\/05\/sc-flexbox_generator02-95x60.jpg 95w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/><figcaption class=\"wp-element-caption\">Especificaci\u00f3n de los elementos secundarios<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"1627\" src=\"https:\/\/i0.wp.com\/aguaps.com\/wp-content\/uploads\/2024\/05\/sc-flexbox_generator03-scaled.jpg?fit=780%2C496&amp;ssl=1\" alt=\"\" class=\"wp-image-7354\" srcset=\"https:\/\/cf888644.cloudfree.jp\/wp-content\/uploads\/2024\/05\/sc-flexbox_generator03-scaled.jpg 2560w, https:\/\/cf888644.cloudfree.jp\/wp-content\/uploads\/2024\/05\/sc-flexbox_generator03-300x191.jpg 300w, https:\/\/cf888644.cloudfree.jp\/wp-content\/uploads\/2024\/05\/sc-flexbox_generator03-1024x651.jpg 1024w, https:\/\/cf888644.cloudfree.jp\/wp-content\/uploads\/2024\/05\/sc-flexbox_generator03-768x488.jpg 768w, https:\/\/cf888644.cloudfree.jp\/wp-content\/uploads\/2024\/05\/sc-flexbox_generator03-1536x976.jpg 1536w, https:\/\/cf888644.cloudfree.jp\/wp-content\/uploads\/2024\/05\/sc-flexbox_generator03-2048x1302.jpg 2048w, https:\/\/cf888644.cloudfree.jp\/wp-content\/uploads\/2024\/05\/sc-flexbox_generator03-94x60.jpg 94w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/><figcaption class=\"wp-element-caption\">Vista en el tel\u00e9fono<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Fuentes designadas de uso frecuente<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"css\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">.flex-container {\n    display: -webkit-flex;\n    display: flex;\n    -webkit-flex-wrap: wrap;\n    flex-wrap: wrap;\n    -webkit-justify-content: space-between;\n    justify-content: space-between;\n    -webkit-align-items: flex-start;\n    align-items: flex-start;\n    -webkit-align-content: flex-start;\n    align-content: flex-start;\n}<\/pre>\n\n\n\n<ul style=\"background-color:#f4f4f4\" class=\"has-background wp-block-list\">\n<li style=\"font-style:normal;font-weight:400\"><strong>justify-content (alineado horizontalmente): space-between (alineado uniformemente) <\/strong><\/li>\n\n\n\n<li style=\"font-style:normal;font-weight:400\"><strong>flex-wrap (ajuste de los elementos secundarios): wrap (de arriba abajo) <\/strong><\/li>\n\n\n\n<li style=\"font-style:normal;font-weight:400\"><strong>align-content (ajuste multil\u00ednea): flex-start (alineaci\u00f3n superior)<\/strong><\/li>\n<\/ul>\n\n\n\n<div style=\"height:43px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n","protected":false},"excerpt":{"rendered":"<p>El dise\u00f1o flexbox se utiliza muy a menudo. El generador de dise\u00f1o flexbox aqu\u00ed soporta ajustes de elementos padre e hijo, dise\u00f1os verticales y horizontales y se puede utilizar copiando y pegando el c\u00f3digo, por lo que es muy conveniente.<\/p>\n","protected":false},"author":2,"featured_media":6703,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[64],"tags":[],"class_list":["post-7371","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tool-es"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.0 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>FLEX LAYOUT GENERATOR para especificar la alineaci\u00f3n horizontal y el ajuste con Flexbox en CSS. |<\/title>\n<meta name=\"description\" content=\"El generador de dise\u00f1o flexbox aqu\u00ed soporta ajustes de elementos padre e hijo, dise\u00f1os verticales y horizontales y se puede utilizar copiando y pegando el c\u00f3digo, por lo que es muy conveniente.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/cf888644.cloudfree.jp\/es\/tool-es\/flexbox-generator\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"FLEX LAYOUT GENERATOR para especificar la alineaci\u00f3n horizontal y el ajuste con Flexbox en CSS. |\" \/>\n<meta property=\"og:description\" content=\"El generador de dise\u00f1o flexbox aqu\u00ed soporta ajustes de elementos padre e hijo, dise\u00f1os verticales y horizontales y se puede utilizar copiando y pegando el c\u00f3digo, por lo que es muy conveniente.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/cf888644.cloudfree.jp\/es\/tool-es\/flexbox-generator\/\" \/>\n<meta property=\"article:published_time\" content=\"2021-11-05T08:22:53+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-08-11T23:02:47+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cf888644.cloudfree.jp\/wp-content\/uploads\/2021\/11\/img-FLEX_LAYOUT_GENERATOR-scaled.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"2560\" \/>\n\t<meta property=\"og:image:height\" content=\"1496\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"AGUA Staff\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"AGUA Staff\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/cf888644.cloudfree.jp\\\/es\\\/tool-es\\\/flexbox-generator\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/cf888644.cloudfree.jp\\\/es\\\/tool-es\\\/flexbox-generator\\\/\"},\"author\":{\"name\":\"AGUA Staff\",\"@id\":\"https:\\\/\\\/aguaps.com\\\/#\\\/schema\\\/person\\\/3717118ee2f8004780e5334e6c011c00\"},\"headline\":\"FLEX LAYOUT GENERATOR para especificar la alineaci\u00f3n horizontal y el ajuste con Flexbox en CSS.\",\"datePublished\":\"2021-11-05T08:22:53+00:00\",\"dateModified\":\"2025-08-11T23:02:47+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/cf888644.cloudfree.jp\\\/es\\\/tool-es\\\/flexbox-generator\\\/\"},\"wordCount\":112,\"publisher\":{\"@id\":\"https:\\\/\\\/aguaps.com\\\/#\\\/schema\\\/person\\\/3717118ee2f8004780e5334e6c011c00\"},\"image\":{\"@id\":\"https:\\\/\\\/cf888644.cloudfree.jp\\\/es\\\/tool-es\\\/flexbox-generator\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/cf888644.cloudfree.jp\\\/wp-content\\\/uploads\\\/2021\\\/11\\\/img-FLEX_LAYOUT_GENERATOR-scaled.jpg\",\"articleSection\":[\"Tool\"],\"inLanguage\":\"es\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/cf888644.cloudfree.jp\\\/es\\\/tool-es\\\/flexbox-generator\\\/\",\"url\":\"https:\\\/\\\/cf888644.cloudfree.jp\\\/es\\\/tool-es\\\/flexbox-generator\\\/\",\"name\":\"FLEX LAYOUT GENERATOR para especificar la alineaci\u00f3n horizontal y el ajuste con Flexbox en CSS. |\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/aguaps.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/cf888644.cloudfree.jp\\\/es\\\/tool-es\\\/flexbox-generator\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/cf888644.cloudfree.jp\\\/es\\\/tool-es\\\/flexbox-generator\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/cf888644.cloudfree.jp\\\/wp-content\\\/uploads\\\/2021\\\/11\\\/img-FLEX_LAYOUT_GENERATOR-scaled.jpg\",\"datePublished\":\"2021-11-05T08:22:53+00:00\",\"dateModified\":\"2025-08-11T23:02:47+00:00\",\"description\":\"El generador de dise\u00f1o flexbox aqu\u00ed soporta ajustes de elementos padre e hijo, dise\u00f1os verticales y horizontales y se puede utilizar copiando y pegando el c\u00f3digo, por lo que es muy conveniente.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/cf888644.cloudfree.jp\\\/es\\\/tool-es\\\/flexbox-generator\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/cf888644.cloudfree.jp\\\/es\\\/tool-es\\\/flexbox-generator\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/cf888644.cloudfree.jp\\\/es\\\/tool-es\\\/flexbox-generator\\\/#primaryimage\",\"url\":\"https:\\\/\\\/cf888644.cloudfree.jp\\\/wp-content\\\/uploads\\\/2021\\\/11\\\/img-FLEX_LAYOUT_GENERATOR-scaled.jpg\",\"contentUrl\":\"https:\\\/\\\/cf888644.cloudfree.jp\\\/wp-content\\\/uploads\\\/2021\\\/11\\\/img-FLEX_LAYOUT_GENERATOR-scaled.jpg\",\"width\":2560,\"height\":1496},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/cf888644.cloudfree.jp\\\/es\\\/tool-es\\\/flexbox-generator\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/cf888644.cloudfree.jp\\\/es\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"FLEX LAYOUT GENERATOR para especificar la alineaci\u00f3n horizontal y el ajuste con Flexbox en CSS.\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/aguaps.com\\\/#website\",\"url\":\"https:\\\/\\\/aguaps.com\\\/\",\"name\":\"AGUA | Web Planning & Creative , WordPress , Web Marketing\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/aguaps.com\\\/#\\\/schema\\\/person\\\/3717118ee2f8004780e5334e6c011c00\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/aguaps.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\\\/\\\/aguaps.com\\\/#\\\/schema\\\/person\\\/3717118ee2f8004780e5334e6c011c00\",\"name\":\"AGUA Staff\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/i0.wp.com\\\/aguaps.com\\\/wp-content\\\/uploads\\\/2023\\\/12\\\/agua-logo-circle_512x512.png?fit=512%2C512&ssl=1\",\"url\":\"https:\\\/\\\/i0.wp.com\\\/aguaps.com\\\/wp-content\\\/uploads\\\/2023\\\/12\\\/agua-logo-circle_512x512.png?fit=512%2C512&ssl=1\",\"contentUrl\":\"https:\\\/\\\/i0.wp.com\\\/aguaps.com\\\/wp-content\\\/uploads\\\/2023\\\/12\\\/agua-logo-circle_512x512.png?fit=512%2C512&ssl=1\",\"width\":512,\"height\":512,\"caption\":\"AGUA Staff\"},\"logo\":{\"@id\":\"https:\\\/\\\/i0.wp.com\\\/aguaps.com\\\/wp-content\\\/uploads\\\/2023\\\/12\\\/agua-logo-circle_512x512.png?fit=512%2C512&ssl=1\"},\"url\":\"https:\\\/\\\/cf888644.cloudfree.jp\\\/es\\\/author\\\/staff\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"FLEX LAYOUT GENERATOR para especificar la alineaci\u00f3n horizontal y el ajuste con Flexbox en CSS. |","description":"El generador de dise\u00f1o flexbox aqu\u00ed soporta ajustes de elementos padre e hijo, dise\u00f1os verticales y horizontales y se puede utilizar copiando y pegando el c\u00f3digo, por lo que es muy conveniente.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/cf888644.cloudfree.jp\/es\/tool-es\/flexbox-generator\/","og_locale":"es_ES","og_type":"article","og_title":"FLEX LAYOUT GENERATOR para especificar la alineaci\u00f3n horizontal y el ajuste con Flexbox en CSS. |","og_description":"El generador de dise\u00f1o flexbox aqu\u00ed soporta ajustes de elementos padre e hijo, dise\u00f1os verticales y horizontales y se puede utilizar copiando y pegando el c\u00f3digo, por lo que es muy conveniente.","og_url":"https:\/\/cf888644.cloudfree.jp\/es\/tool-es\/flexbox-generator\/","article_published_time":"2021-11-05T08:22:53+00:00","article_modified_time":"2025-08-11T23:02:47+00:00","og_image":[{"width":2560,"height":1496,"url":"https:\/\/cf888644.cloudfree.jp\/wp-content\/uploads\/2021\/11\/img-FLEX_LAYOUT_GENERATOR-scaled.jpg","type":"image\/jpeg"}],"author":"AGUA Staff","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"AGUA Staff","Tiempo de lectura":"3 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/cf888644.cloudfree.jp\/es\/tool-es\/flexbox-generator\/#article","isPartOf":{"@id":"https:\/\/cf888644.cloudfree.jp\/es\/tool-es\/flexbox-generator\/"},"author":{"name":"AGUA Staff","@id":"https:\/\/aguaps.com\/#\/schema\/person\/3717118ee2f8004780e5334e6c011c00"},"headline":"FLEX LAYOUT GENERATOR para especificar la alineaci\u00f3n horizontal y el ajuste con Flexbox en CSS.","datePublished":"2021-11-05T08:22:53+00:00","dateModified":"2025-08-11T23:02:47+00:00","mainEntityOfPage":{"@id":"https:\/\/cf888644.cloudfree.jp\/es\/tool-es\/flexbox-generator\/"},"wordCount":112,"publisher":{"@id":"https:\/\/aguaps.com\/#\/schema\/person\/3717118ee2f8004780e5334e6c011c00"},"image":{"@id":"https:\/\/cf888644.cloudfree.jp\/es\/tool-es\/flexbox-generator\/#primaryimage"},"thumbnailUrl":"https:\/\/cf888644.cloudfree.jp\/wp-content\/uploads\/2021\/11\/img-FLEX_LAYOUT_GENERATOR-scaled.jpg","articleSection":["Tool"],"inLanguage":"es"},{"@type":"WebPage","@id":"https:\/\/cf888644.cloudfree.jp\/es\/tool-es\/flexbox-generator\/","url":"https:\/\/cf888644.cloudfree.jp\/es\/tool-es\/flexbox-generator\/","name":"FLEX LAYOUT GENERATOR para especificar la alineaci\u00f3n horizontal y el ajuste con Flexbox en CSS. |","isPartOf":{"@id":"https:\/\/aguaps.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/cf888644.cloudfree.jp\/es\/tool-es\/flexbox-generator\/#primaryimage"},"image":{"@id":"https:\/\/cf888644.cloudfree.jp\/es\/tool-es\/flexbox-generator\/#primaryimage"},"thumbnailUrl":"https:\/\/cf888644.cloudfree.jp\/wp-content\/uploads\/2021\/11\/img-FLEX_LAYOUT_GENERATOR-scaled.jpg","datePublished":"2021-11-05T08:22:53+00:00","dateModified":"2025-08-11T23:02:47+00:00","description":"El generador de dise\u00f1o flexbox aqu\u00ed soporta ajustes de elementos padre e hijo, dise\u00f1os verticales y horizontales y se puede utilizar copiando y pegando el c\u00f3digo, por lo que es muy conveniente.","breadcrumb":{"@id":"https:\/\/cf888644.cloudfree.jp\/es\/tool-es\/flexbox-generator\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/cf888644.cloudfree.jp\/es\/tool-es\/flexbox-generator\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/cf888644.cloudfree.jp\/es\/tool-es\/flexbox-generator\/#primaryimage","url":"https:\/\/cf888644.cloudfree.jp\/wp-content\/uploads\/2021\/11\/img-FLEX_LAYOUT_GENERATOR-scaled.jpg","contentUrl":"https:\/\/cf888644.cloudfree.jp\/wp-content\/uploads\/2021\/11\/img-FLEX_LAYOUT_GENERATOR-scaled.jpg","width":2560,"height":1496},{"@type":"BreadcrumbList","@id":"https:\/\/cf888644.cloudfree.jp\/es\/tool-es\/flexbox-generator\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/cf888644.cloudfree.jp\/es\/"},{"@type":"ListItem","position":2,"name":"FLEX LAYOUT GENERATOR para especificar la alineaci\u00f3n horizontal y el ajuste con Flexbox en CSS."}]},{"@type":"WebSite","@id":"https:\/\/aguaps.com\/#website","url":"https:\/\/aguaps.com\/","name":"AGUA | Web Planning & Creative , WordPress , Web Marketing","description":"","publisher":{"@id":"https:\/\/aguaps.com\/#\/schema\/person\/3717118ee2f8004780e5334e6c011c00"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/aguaps.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":["Person","Organization"],"@id":"https:\/\/aguaps.com\/#\/schema\/person\/3717118ee2f8004780e5334e6c011c00","name":"AGUA Staff","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/i0.wp.com\/aguaps.com\/wp-content\/uploads\/2023\/12\/agua-logo-circle_512x512.png?fit=512%2C512&ssl=1","url":"https:\/\/i0.wp.com\/aguaps.com\/wp-content\/uploads\/2023\/12\/agua-logo-circle_512x512.png?fit=512%2C512&ssl=1","contentUrl":"https:\/\/i0.wp.com\/aguaps.com\/wp-content\/uploads\/2023\/12\/agua-logo-circle_512x512.png?fit=512%2C512&ssl=1","width":512,"height":512,"caption":"AGUA Staff"},"logo":{"@id":"https:\/\/i0.wp.com\/aguaps.com\/wp-content\/uploads\/2023\/12\/agua-logo-circle_512x512.png?fit=512%2C512&ssl=1"},"url":"https:\/\/cf888644.cloudfree.jp\/es\/author\/staff\/"}]}},"_links":{"self":[{"href":"https:\/\/cf888644.cloudfree.jp\/es\/wp-json\/wp\/v2\/posts\/7371","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cf888644.cloudfree.jp\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/cf888644.cloudfree.jp\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/cf888644.cloudfree.jp\/es\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/cf888644.cloudfree.jp\/es\/wp-json\/wp\/v2\/comments?post=7371"}],"version-history":[{"count":4,"href":"https:\/\/cf888644.cloudfree.jp\/es\/wp-json\/wp\/v2\/posts\/7371\/revisions"}],"predecessor-version":[{"id":7375,"href":"https:\/\/cf888644.cloudfree.jp\/es\/wp-json\/wp\/v2\/posts\/7371\/revisions\/7375"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/cf888644.cloudfree.jp\/es\/wp-json\/wp\/v2\/media\/6703"}],"wp:attachment":[{"href":"https:\/\/cf888644.cloudfree.jp\/es\/wp-json\/wp\/v2\/media?parent=7371"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cf888644.cloudfree.jp\/es\/wp-json\/wp\/v2\/categories?post=7371"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cf888644.cloudfree.jp\/es\/wp-json\/wp\/v2\/tags?post=7371"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}