{"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\/ms\/docs\/elements-alignment\/","title":{"rendered":"Selaraskan Elemen"},"content":{"rendered":"<p>Penjajaran elemen yang betul boleh menjadikan buku flip lebih jelas dan lebih mudah difahami. Ia menghalang imej bertindih atau bersepah yang mungkin mengelirukan penonton.<\/p>\n\n\n\n<p>Buku selak yang diselaraskan dengan baik boleh menjadi lebih menarik secara visual, yang penting untuk menangkap dan mengekalkan minat penonton.<\/p>\n\n\n\n<p>FlipHTML5 menyediakan ciri penjajaran elemen yang berkuasa dalam Editor Halaman. Seterusnya, mari lihat cara menggunakan ciri penjajaran elemen.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">1. Penjajaran garisan penjerapan<\/h2>\n\n\n\n<p>Garisan penjerapan penjajaran dibahagikan kepada garisan penjerapan penjajaran halaman dan garisan penjerapan penjajaran unsur, yang merujuk kepada garis panduan atau grid yang membantu dalam menjajarkan elemen dalam buku selak.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Garis penjajaran halaman muncul apabila elemen perlu dipusatkan pada halaman, menjadikannya lebih mudah untuk memusatkan elemen.<\/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=\"align-elements-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>Apabila elemen bergerak dan terdapat elemen lain di sekelilingnya, garisan serapan penjajaran elemen akan kelihatan untuk menjajarkan elemen dengan elemen lain.<\/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=\"align-elements-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. Penjajaran dalam menu pop timbul<\/h2>\n\n\n\n<p>Selepas memilih berbilang elemen, klik kanan tetikus dan selaraskan elemen melalui menu pop timbul. Anda boleh menetapkan penjajaran Jajaran Mendatar, Jajaran Menegak, Jajaran Atas, Jajaran Bawah, Jajaran Kiri, Jajaran Kanan, Jajaran Mendatar dan Jajaran Sama Menegak.<\/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=\"align-elements-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>Istilah berkaitan artikel:<\/strong><br>penjajaran, susun atur, penjajaran menegak, penjajaran mendatar, penjajaran atas, penjajaran bawah, penjajaran kiri, penjajaran kanan, kanvas, penjajaran elemen, reka letak, reka bentuk<\/p>","protected":false},"excerpt":{"rendered":"<p>Penjajaran elemen yang betul boleh menjadikan buku flip lebih jelas dan lebih mudah difahami. Ia menghalang imej bertindih atau bersepah yang mungkin mengelirukan penonton. Buku selak yang diselaraskan dengan baik boleh menjadi lebih menarik secara visual, yang penting untuk menangkap dan mengekalkan minat penonton. FlipHTML5 menyediakan ciri penjajaran elemen yang berkuasa dalam Editor Halaman. Seterusnya, mari kita lihat [\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":"12082","reactions":{"happy":"0","normal":"0","sad":"0"},"author_info":{"name":"linjinnan","author_nicename":"linjinnan","author_url":"https:\/\/cms.flippagemaker.com\/ms\/author\/linjinnan\/"},"doc_category_info":[{"term_name":"Canvas","term_url":"https:\/\/cms.flippagemaker.com\/ms\/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=\"ms_MY\" \/>\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\/ms\/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=\"Est. reading time\" \/>\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\":\"ms-MY\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/cms.flippagemaker.com\/tr\/docs\/elements-alignment\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"ms-MY\",\"@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\":\"ms-MY\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/cms.flippagemaker.com\/#organization\",\"name\":\"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5\",\"url\":\"https:\/\/cms.flippagemaker.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"ms-MY\",\"@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":"ms_MY","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\/ms\/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":{"Est. reading time":"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":"ms-MY","potentialAction":[{"@type":"ReadAction","target":["https:\/\/cms.flippagemaker.com\/tr\/docs\/elements-alignment\/"]}]},{"@type":"ImageObject","inLanguage":"ms-MY","@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":"ms-MY"},{"@type":"Organization","@id":"https:\/\/cms.flippagemaker.com\/#organization","name":"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5","url":"https:\/\/cms.flippagemaker.com\/","logo":{"@type":"ImageObject","inLanguage":"ms-MY","@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\/ms\/wp-json\/wp\/v2\/docs\/3727","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cms.flippagemaker.com\/ms\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/cms.flippagemaker.com\/ms\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/ms\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/ms\/wp-json\/wp\/v2\/comments?post=3727"}],"version-history":[{"count":3,"href":"https:\/\/cms.flippagemaker.com\/ms\/wp-json\/wp\/v2\/docs\/3727\/revisions"}],"predecessor-version":[{"id":6866,"href":"https:\/\/cms.flippagemaker.com\/ms\/wp-json\/wp\/v2\/docs\/3727\/revisions\/6866"}],"wp:attachment":[{"href":"https:\/\/cms.flippagemaker.com\/ms\/wp-json\/wp\/v2\/media?parent=3727"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/ms\/wp-json\/wp\/v2\/doc_category?post=3727"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/ms\/wp-json\/wp\/v2\/doc_tag?post=3727"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}