{"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\/de\/docs\/elements-alignment\/","title":{"rendered":"Elemente ausrichten"},"content":{"rendered":"<p>Durch die richtige Ausrichtung der Elemente kann das Daumenkino klarer und verst\u00e4ndlicher werden. Es verhindert \u00fcberlappende oder un\u00fcbersichtliche Bilder, die den Betrachter verwirren k\u00f6nnten.<\/p>\n\n\n\n<p>Ein gut ausgerichtetes Daumenkino kann optisch ansprechender sein, was wichtig ist, um das Interesse des Betrachters zu wecken und aufrechtzuerhalten.<\/p>\n\n\n\n<p>FlipHTML5 bietet leistungsstarke Funktionen zur Elementausrichtung im Seiteneditor. Sehen wir uns als N\u00e4chstes an, wie die Elementausrichtungsfunktionen verwendet werden.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">1. Adsorptionslinien ausrichten<\/h2>\n\n\n\n<p>Die Adsorptionslinien f\u00fcr die Ausrichtung sind in Adsorptionslinien f\u00fcr die Seitenausrichtung und Adsorptionslinien f\u00fcr die Elementausrichtung unterteilt, die sich auf die Richtlinien oder Raster beziehen, die bei der Ausrichtung von Elementen in einem Daumenkino helfen.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Wenn Elemente auf der Seite zentriert werden m\u00fcssen, werden Seitenausrichtungslinien angezeigt, die das Zentrieren des Elements erleichtern.<\/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=\"Elemente ausrichten-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>Wenn Sie Elemente verschieben und sich andere Elemente um sie herum befinden, werden Absorptionslinien f\u00fcr die Elementausrichtung angezeigt, um das Element an anderen Elementen auszurichten.<\/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=\"Elemente ausrichten-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. Ausrichtung im Popup-Men\u00fc<\/h2>\n\n\n\n<p>Nachdem Sie mehrere Elemente ausgew\u00e4hlt haben, klicken Sie mit der rechten Maustaste und richten Sie die Elemente \u00fcber das Popup-Men\u00fc aus. Sie k\u00f6nnen die Ausrichtung \u201eHorizontal ausrichten\u201c, \u201eVertikal ausrichten\u201c, \u201eOben ausrichten\u201c, \u201eUnten ausrichten\u201c, \u201eLinks ausrichten\u201c, \u201eRechts ausrichten\u201c, \u201eHorizontal \u00e4quidistant\u201c und \u201eVertikal \u00e4quidistant\u201c festlegen.<\/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=\"Elemente ausrichten-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>Artikelbezogene Begriffe:<\/strong><br>Ausrichtung, Layout, vertikale Ausrichtung, horizontale Ausrichtung, obere Ausrichtung, untere Ausrichtung, linke Ausrichtung, rechte Ausrichtung, Leinwand, Elemente ausrichten, Layout, Design<\/p>","protected":false},"excerpt":{"rendered":"<p>Durch die richtige Ausrichtung der Elemente kann das Daumenkino klarer und verst\u00e4ndlicher werden. Es verhindert \u00fcberlappende oder un\u00fcbersichtliche Bilder, die den Betrachter verwirren k\u00f6nnten. Ein gut ausgerichtetes Daumenkino kann optisch ansprechender sein, was wichtig ist, um das Interesse des Betrachters zu wecken und aufrechtzuerhalten. FlipHTML5 bietet leistungsstarke Funktionen zur Elementausrichtung im Seiteneditor. Als n\u00e4chstes schauen wir uns an, [\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":"12143","reactions":{"happy":"0","normal":"0","sad":"0"},"author_info":{"name":"linjinnan","author_nicename":"linjinnan","author_url":"https:\/\/cms.flippagemaker.com\/de\/author\/linjinnan\/"},"doc_category_info":[{"term_name":"Canvas","term_url":"https:\/\/cms.flippagemaker.com\/de\/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=\"de_DE\" \/>\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\/de\/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=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data1\" content=\"2\u00a0Minuten\" \/>\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\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/cms.flippagemaker.com\/tr\/docs\/elements-alignment\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@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\":\"de\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/cms.flippagemaker.com\/#organization\",\"name\":\"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5\",\"url\":\"https:\/\/cms.flippagemaker.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@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":"de_DE","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\/de\/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":{"Gesch\u00e4tzte Lesezeit":"2\u00a0Minuten"},"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":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/cms.flippagemaker.com\/tr\/docs\/elements-alignment\/"]}]},{"@type":"ImageObject","inLanguage":"de","@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":"de"},{"@type":"Organization","@id":"https:\/\/cms.flippagemaker.com\/#organization","name":"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5","url":"https:\/\/cms.flippagemaker.com\/","logo":{"@type":"ImageObject","inLanguage":"de","@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\/de\/wp-json\/wp\/v2\/docs\/3727","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cms.flippagemaker.com\/de\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/cms.flippagemaker.com\/de\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/de\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/de\/wp-json\/wp\/v2\/comments?post=3727"}],"version-history":[{"count":3,"href":"https:\/\/cms.flippagemaker.com\/de\/wp-json\/wp\/v2\/docs\/3727\/revisions"}],"predecessor-version":[{"id":6866,"href":"https:\/\/cms.flippagemaker.com\/de\/wp-json\/wp\/v2\/docs\/3727\/revisions\/6866"}],"wp:attachment":[{"href":"https:\/\/cms.flippagemaker.com\/de\/wp-json\/wp\/v2\/media?parent=3727"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/de\/wp-json\/wp\/v2\/doc_category?post=3727"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/de\/wp-json\/wp\/v2\/doc_tag?post=3727"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}