{"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\/fr\/docs\/elements-alignment\/","title":{"rendered":"Aligner les \u00e9l\u00e9ments"},"content":{"rendered":"<p>Un bon alignement des \u00e9l\u00e9ments peut rendre le flipbook plus clair et plus compr\u00e9hensible. Il emp\u00eache les images superpos\u00e9es ou encombr\u00e9es qui peuvent d\u00e9router le spectateur.<\/p>\n\n\n\n<p>Un flipbook bien align\u00e9 peut \u00eatre plus attrayant visuellement, ce qui est important pour capter et maintenir l&#039;int\u00e9r\u00eat du spectateur.<\/p>\n\n\n\n<p>FlipHTML5 fournit de puissantes fonctionnalit\u00e9s d&#039;alignement des \u00e9l\u00e9ments dans l&#039;\u00e9diteur de page. Voyons ensuite comment utiliser les fonctionnalit\u00e9s d&#039;alignement des \u00e9l\u00e9ments.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">1. Lignes d&#039;adsorption d&#039;alignement<\/h2>\n\n\n\n<p>Les lignes d&#039;adsorption d&#039;alignement sont divis\u00e9es en lignes d&#039;adsorption d&#039;alignement de page et lignes d&#039;adsorption d&#039;alignement d&#039;\u00e9l\u00e9ment, qui font r\u00e9f\u00e9rence aux lignes directrices ou aux grilles qui aident \u00e0 aligner les \u00e9l\u00e9ments dans un flipbook.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Des lignes d&#039;alignement de page apparaissent lorsque des \u00e9l\u00e9ments doivent \u00eatre centr\u00e9s sur la page, ce qui facilite le centrage de l&#039;\u00e9l\u00e9ment.<\/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=\"aligner-\u00e9l\u00e9ments-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>Lorsque vous d\u00e9placez des \u00e9l\u00e9ments et qu&#039;il y a d&#039;autres \u00e9l\u00e9ments autour d&#039;eux, des lignes d&#039;absorption d&#039;alignement d&#039;\u00e9l\u00e9ments appara\u00eetront pour aligner l&#039;\u00e9l\u00e9ment avec d&#039;autres \u00e9l\u00e9ments.<\/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=\"aligner les \u00e9l\u00e9ments-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. Alignement dans le menu contextuel<\/h2>\n\n\n\n<p>Apr\u00e8s avoir s\u00e9lectionn\u00e9 plusieurs \u00e9l\u00e9ments, cliquez avec le bouton droit de la souris et alignez les \u00e9l\u00e9ments via le menu contextuel. Vous pouvez d\u00e9finir l&#039;alignement de l&#039;alignement horizontal, de l&#039;alignement vertical, de l&#039;alignement en haut, de l&#039;alignement en bas, de l&#039;alignement \u00e0 gauche, de l&#039;alignement \u00e0 droite, de l&#039;\u00e9quidistant horizontal et de l&#039;\u00e9quidistant 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=\"aligner-\u00e9l\u00e9ments-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>Termes li\u00e9s \u00e0 l&#039;article\u00a0:<\/strong><br>alignement, mise en page, alignement vertical, alignement horizontal, alignement en haut, alignement en bas, alignement \u00e0 gauche, alignement \u00e0 droite, canevas, aligner des \u00e9l\u00e9ments, mise en page, conception<\/p>","protected":false},"excerpt":{"rendered":"<p>Un bon alignement des \u00e9l\u00e9ments peut rendre le flipbook plus clair et plus compr\u00e9hensible. Cela \u00e9vite les chevauchements ou les images encombr\u00e9es qui pourraient d\u00e9router le spectateur. Un flipbook bien align\u00e9 peut \u00eatre plus attrayant visuellement, ce qui est important pour capter et maintenir l&#039;int\u00e9r\u00eat du spectateur. FlipHTML5 fournit de puissantes fonctionnalit\u00e9s d&#039;alignement d&#039;\u00e9l\u00e9ments dans l&#039;\u00e9diteur de page. Voyons ensuite [\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":"12049","reactions":{"happy":"0","normal":"0","sad":"0"},"author_info":{"name":"linjinnan","author_nicename":"linjinnan","author_url":"https:\/\/cms.flippagemaker.com\/fr\/author\/linjinnan\/"},"doc_category_info":[{"term_name":"Canvas","term_url":"https:\/\/cms.flippagemaker.com\/fr\/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=\"fr_FR\" \/>\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\/fr\/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=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\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\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/cms.flippagemaker.com\/tr\/docs\/elements-alignment\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@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\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/cms.flippagemaker.com\/#organization\",\"name\":\"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5\",\"url\":\"https:\/\/cms.flippagemaker.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@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":"fr_FR","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\/fr\/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":{"Dur\u00e9e de lecture estim\u00e9e":"2 minutes"},"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":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/cms.flippagemaker.com\/tr\/docs\/elements-alignment\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@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":"fr-FR"},{"@type":"Organization","@id":"https:\/\/cms.flippagemaker.com\/#organization","name":"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5","url":"https:\/\/cms.flippagemaker.com\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@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\/fr\/wp-json\/wp\/v2\/docs\/3727","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cms.flippagemaker.com\/fr\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/cms.flippagemaker.com\/fr\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/fr\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/fr\/wp-json\/wp\/v2\/comments?post=3727"}],"version-history":[{"count":3,"href":"https:\/\/cms.flippagemaker.com\/fr\/wp-json\/wp\/v2\/docs\/3727\/revisions"}],"predecessor-version":[{"id":6866,"href":"https:\/\/cms.flippagemaker.com\/fr\/wp-json\/wp\/v2\/docs\/3727\/revisions\/6866"}],"wp:attachment":[{"href":"https:\/\/cms.flippagemaker.com\/fr\/wp-json\/wp\/v2\/media?parent=3727"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/fr\/wp-json\/wp\/v2\/doc_category?post=3727"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/fr\/wp-json\/wp\/v2\/doc_tag?post=3727"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}