{"id":3727,"date":"2023-05-12T13:51:39","date_gmt":"2023-05-12T05:51:39","guid":{"rendered":"https:\/\/help.fliphtml5.com\/?post_type=docs&#038;p=3727"},"modified":"2024-03-15T15:54:14","modified_gmt":"2024-03-15T07:54:14","password":"","slug":"elements-alignment","status":"publish","type":"docs","link":"https:\/\/cms.flippagemaker.com\/es\/docs\/elements-alignment\/","title":{"rendered":"Alinear elementos"},"content":{"rendered":"<p>La alineaci\u00f3n adecuada de los elementos puede hacer que el flipbook sea m\u00e1s claro y comprensible. Evita im\u00e1genes superpuestas o desordenadas que pueden confundir al espectador.<\/p>\n\n\n\n<p>Un flipbook bien alineado puede ser m\u00e1s atractivo visualmente, lo cual es importante para capturar y mantener el inter\u00e9s del espectador.<\/p>\n\n\n\n<p>FlipHTML5 proporciona potentes funciones de alineaci\u00f3n de elementos en el Editor de p\u00e1ginas. A continuaci\u00f3n, veamos c\u00f3mo usar las funciones de alineaci\u00f3n de elementos.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">1. L\u00edneas de adsorci\u00f3n de alineaci\u00f3n<\/h2>\n\n\n\n<p>Las l\u00edneas de adsorci\u00f3n de alineaci\u00f3n se dividen en l\u00edneas de adsorci\u00f3n de alineaci\u00f3n de p\u00e1gina y l\u00edneas de adsorci\u00f3n de alineaci\u00f3n de elementos, que se refieren a las gu\u00edas o cuadr\u00edculas que ayudan a alinear elementos en un flipbook.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Las l\u00edneas de alineaci\u00f3n de p\u00e1gina aparecen cuando los elementos deben estar centrados en la p\u00e1gina, lo que facilita el centrado del elemento.<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"723\" src=\"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2024\/03\/align-elements-1.png\" alt=\"alinear-elementos-1\" class=\"wp-image-6863\" srcset=\"https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2024\/03\/align-elements-1.png 1000w, https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2024\/03\/align-elements-1-300x217.png 300w, https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2024\/03\/align-elements-1-768x555.png 768w, https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2024\/03\/align-elements-1-18x12.png 18w, https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2024\/03\/align-elements-1-360x260.png 360w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Al mover elementos y hay otros elementos a su alrededor, aparecer\u00e1n l\u00edneas de absorci\u00f3n de alineaci\u00f3n de elementos para alinear el elemento con otros elementos.<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"378\" src=\"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2024\/03\/align-elements-2.png\" alt=\"alinear-elementos-2\" class=\"wp-image-6864\" srcset=\"https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2024\/03\/align-elements-2.png 1000w, https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2024\/03\/align-elements-2-300x113.png 300w, https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2024\/03\/align-elements-2-768x290.png 768w, https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2024\/03\/align-elements-2-18x7.png 18w, https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2024\/03\/align-elements-2-360x136.png 360w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">2. Alineaci\u00f3n en el men\u00fa emergente<\/h2>\n\n\n\n<p>Despu\u00e9s de seleccionar varios elementos, haga clic con el bot\u00f3n derecho del mouse y alinee los elementos a trav\u00e9s del men\u00fa emergente. Puede establecer la alineaci\u00f3n de Alineaci\u00f3n horizontal, Alineaci\u00f3n vertical, Alineaci\u00f3n superior, Alineaci\u00f3n inferior, Alineaci\u00f3n izquierda, Alineaci\u00f3n derecha, Equidistancia horizontal y Equidistancia vertical.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"637\" src=\"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2024\/03\/align-elements-3.png\" alt=\"alinear-elementos-3\" class=\"wp-image-6865\" srcset=\"https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2024\/03\/align-elements-3.png 1000w, https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2024\/03\/align-elements-3-300x191.png 300w, https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2024\/03\/align-elements-3-768x489.png 768w, https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2024\/03\/align-elements-3-18x12.png 18w, https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2024\/03\/align-elements-3-360x229.png 360w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p><strong>T\u00e9rminos relacionados con el art\u00edculo:<\/strong><br>alineaci\u00f3n, dise\u00f1o, alineaci\u00f3n vertical, alineaci\u00f3n horizontal, alineaci\u00f3n superior, alineaci\u00f3n inferior, alineaci\u00f3n izquierda, alineaci\u00f3n derecha, lienzo, elementos de alineaci\u00f3n, dise\u00f1o<\/p>","protected":false},"excerpt":{"rendered":"<p>Una correcta alineaci\u00f3n de los elementos puede hacer que el flipbook sea m\u00e1s claro y comprensible. Evita la superposici\u00f3n o el desorden de im\u00e1genes que puedan confundir al espectador. Un flipbook bien alineado puede ser m\u00e1s atractivo visualmente, lo cual es importante para captar y mantener el inter\u00e9s del espectador. FlipHTML5 ofrece potentes funciones de alineaci\u00f3n de elementos en el Editor de P\u00e1ginas. A continuaci\u00f3n, veamos [\u2026]<\/p>","protected":false},"author":11,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"doc_category":[84],"doc_tag":[],"class_list":["post-3727","docs","type-docs","status-publish","hentry","doc_category-canvas"],"year_month":"2026-04","word_count":202,"total_views":"12067","reactions":{"happy":"0","normal":"0","sad":"0"},"author_info":{"name":"linjinnan","author_nicename":"linjinnan","author_url":"https:\/\/cms.flippagemaker.com\/es\/author\/linjinnan\/"},"doc_category_info":[{"term_name":"Canvas","term_url":"https:\/\/cms.flippagemaker.com\/es\/docs-category\/canvas\/"}],"doc_tag_info":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.4 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Align Elements - cmsflipbook-help\u6682\u7528\u6d4b\u8bd5<\/title>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Align Elements - cmsflipbook-help\u6682\u7528\u6d4b\u8bd5\" \/>\n<meta property=\"og:description\" content=\"Proper alignment of elements can make the flipbook more clear and more understandable. It prevents overlapping or cluttered images that may confuse the viewer. A well-aligned flipbook can be more visually appealing, which is important for capturing and maintaining the viewer&#8217;s interest. FlipHTML5 provides powerful elements alignment features in the Page Editor. Next, let&#8217;s see [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/cms.flippagemaker.com\/es\/docs\/elements-alignment\/\" \/>\n<meta property=\"og:site_name\" content=\"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5\" \/>\n<meta property=\"article:modified_time\" content=\"2024-03-15T07:54:14+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2024\/03\/align-elements-1.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/cms.flippagemaker.com\/tr\/docs\/elements-alignment\/\",\"url\":\"https:\/\/cms.flippagemaker.com\/tr\/docs\/elements-alignment\/\",\"name\":\"Align Elements - cmsflipbook-help\u6682\u7528\u6d4b\u8bd5\",\"isPartOf\":{\"@id\":\"https:\/\/cms.flippagemaker.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/cms.flippagemaker.com\/tr\/docs\/elements-alignment\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/cms.flippagemaker.com\/tr\/docs\/elements-alignment\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2024\/03\/align-elements-1.png\",\"datePublished\":\"2023-05-12T05:51:39+00:00\",\"dateModified\":\"2024-03-15T07:54:14+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/cms.flippagemaker.com\/tr\/docs\/elements-alignment\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/cms.flippagemaker.com\/tr\/docs\/elements-alignment\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/cms.flippagemaker.com\/tr\/docs\/elements-alignment\/#primaryimage\",\"url\":\"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2024\/03\/align-elements-1.png\",\"contentUrl\":\"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2024\/03\/align-elements-1.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/cms.flippagemaker.com\/tr\/docs\/elements-alignment\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/cms.flippagemaker.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Align Elements\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/cms.flippagemaker.com\/#website\",\"url\":\"https:\/\/cms.flippagemaker.com\/\",\"name\":\"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/cms.flippagemaker.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/cms.flippagemaker.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/cms.flippagemaker.com\/#organization\",\"name\":\"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5\",\"url\":\"https:\/\/cms.flippagemaker.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/cms.flippagemaker.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2025\/07\/logo.png.webp\",\"contentUrl\":\"https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2025\/07\/logo.png.webp\",\"width\":154,\"height\":20,\"caption\":\"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5\"},\"image\":{\"@id\":\"https:\/\/cms.flippagemaker.com\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Align Elements - cmsflipbook-help\u6682\u7528\u6d4b\u8bd5","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"es_ES","og_type":"article","og_title":"Align Elements - cmsflipbook-help\u6682\u7528\u6d4b\u8bd5","og_description":"Proper alignment of elements can make the flipbook more clear and more understandable. It prevents overlapping or cluttered images that may confuse the viewer. A well-aligned flipbook can be more visually appealing, which is important for capturing and maintaining the viewer&#8217;s interest. FlipHTML5 provides powerful elements alignment features in the Page Editor. Next, let&#8217;s see [&hellip;]","og_url":"https:\/\/cms.flippagemaker.com\/es\/docs\/elements-alignment\/","og_site_name":"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5","article_modified_time":"2024-03-15T07:54:14+00:00","og_image":[{"url":"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2024\/03\/align-elements-1.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Tiempo de lectura":"2 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/cms.flippagemaker.com\/tr\/docs\/elements-alignment\/","url":"https:\/\/cms.flippagemaker.com\/tr\/docs\/elements-alignment\/","name":"Align Elements - cmsflipbook-help\u6682\u7528\u6d4b\u8bd5","isPartOf":{"@id":"https:\/\/cms.flippagemaker.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/cms.flippagemaker.com\/tr\/docs\/elements-alignment\/#primaryimage"},"image":{"@id":"https:\/\/cms.flippagemaker.com\/tr\/docs\/elements-alignment\/#primaryimage"},"thumbnailUrl":"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2024\/03\/align-elements-1.png","datePublished":"2023-05-12T05:51:39+00:00","dateModified":"2024-03-15T07:54:14+00:00","breadcrumb":{"@id":"https:\/\/cms.flippagemaker.com\/tr\/docs\/elements-alignment\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/cms.flippagemaker.com\/tr\/docs\/elements-alignment\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/cms.flippagemaker.com\/tr\/docs\/elements-alignment\/#primaryimage","url":"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2024\/03\/align-elements-1.png","contentUrl":"https:\/\/help.fliphtml5.com\/wp-content\/uploads\/2024\/03\/align-elements-1.png"},{"@type":"BreadcrumbList","@id":"https:\/\/cms.flippagemaker.com\/tr\/docs\/elements-alignment\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/cms.flippagemaker.com\/"},{"@type":"ListItem","position":2,"name":"Align Elements"}]},{"@type":"WebSite","@id":"https:\/\/cms.flippagemaker.com\/#website","url":"https:\/\/cms.flippagemaker.com\/","name":"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5","description":"","publisher":{"@id":"https:\/\/cms.flippagemaker.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/cms.flippagemaker.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/cms.flippagemaker.com\/#organization","name":"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5","url":"https:\/\/cms.flippagemaker.com\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/cms.flippagemaker.com\/#\/schema\/logo\/image\/","url":"https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2025\/07\/logo.png.webp","contentUrl":"https:\/\/cms.flippagemaker.com\/wp-content\/uploads\/2025\/07\/logo.png.webp","width":154,"height":20,"caption":"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5"},"image":{"@id":"https:\/\/cms.flippagemaker.com\/#\/schema\/logo\/image\/"}}]}},"knowledge_base_info":[],"knowledge_base_slug":[],"_links":{"self":[{"href":"https:\/\/cms.flippagemaker.com\/es\/wp-json\/wp\/v2\/docs\/3727","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cms.flippagemaker.com\/es\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/cms.flippagemaker.com\/es\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/es\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/es\/wp-json\/wp\/v2\/comments?post=3727"}],"version-history":[{"count":3,"href":"https:\/\/cms.flippagemaker.com\/es\/wp-json\/wp\/v2\/docs\/3727\/revisions"}],"predecessor-version":[{"id":6866,"href":"https:\/\/cms.flippagemaker.com\/es\/wp-json\/wp\/v2\/docs\/3727\/revisions\/6866"}],"wp:attachment":[{"href":"https:\/\/cms.flippagemaker.com\/es\/wp-json\/wp\/v2\/media?parent=3727"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/es\/wp-json\/wp\/v2\/doc_category?post=3727"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/es\/wp-json\/wp\/v2\/doc_tag?post=3727"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}