{"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\/fi\/docs\/elements-alignment\/","title":{"rendered":"Kohdista elementit"},"content":{"rendered":"<p>Elementtien oikea kohdistus voi tehd\u00e4 flipbookista selke\u00e4mm\u00e4n ja ymm\u00e4rrett\u00e4v\u00e4mm\u00e4n. Se est\u00e4\u00e4 p\u00e4\u00e4llekk\u00e4isi\u00e4 tai sekavia kuvia, jotka voivat h\u00e4mment\u00e4\u00e4 katsojaa.<\/p>\n\n\n\n<p>Hyvin kohdistettu lehti\u00f6kirja voi olla visuaalisesti houkuttelevampi, mik\u00e4 on t\u00e4rke\u00e4\u00e4 katsojan kiinnostuksen vangitsemiseksi ja yll\u00e4pit\u00e4miseksi.<\/p>\n\n\n\n<p>FlipHTML5 tarjoaa tehokkaita elementtien kohdistusominaisuuksia sivueditorissa. Katsotaan seuraavaksi, kuinka elementtien kohdistusominaisuuksia k\u00e4ytet\u00e4\u00e4n.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">1. Kohdista adsorptioviivat<\/h2>\n\n\n\n<p>Kohdistusadsorptioviivat on jaettu sivun kohdistusadsorptioviivojen ja elementtien kohdistusadsorptioviivojen linjoihin, jotka viittaavat ohjeisiin tai ruudukkoihin, jotka auttavat kohdistamaan elementtej\u00e4 flipbookissa.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Sivun tasausviivat tulevat n\u00e4kyviin, kun elementit on keskitett\u00e4v\u00e4 sivulle, mik\u00e4 helpottaa elementin keskitt\u00e4mist\u00e4.<\/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=\"kohdista elementit-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>Kun elementtej\u00e4 siirret\u00e4\u00e4n ja niiden ymp\u00e4rill\u00e4 on muita elementtej\u00e4, elementin kohdistusabsorptioviivat tulevat n\u00e4kyviin kohdistamaan elementin muiden elementtien kanssa.<\/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=\"kohdista-elementit-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. Kohdistus ponnahdusvalikossa<\/h2>\n\n\n\n<p>Kun olet valinnut useita elementtej\u00e4, napsauta hiiren kakkospainikkeella ja kohdista elementit ponnahdusvalikon kautta. Voit m\u00e4\u00e4ritt\u00e4\u00e4 tasauksen vaakasuuntaan, pystytasaukseen, yl\u00e4tasaukseen, alareunaan, vasemmalle, oikealle, vaakasuoraan tasav\u00e4liin ja pystytasaukseen.<\/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=\"kohdista elementit-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>Artikkeliin liittyv\u00e4t termit:<\/strong><br>tasaus, asettelu, pystytasaus, vaakasuora kohdistus, yl\u00e4tasaus, tasaus alas, tasaus vasemmalle, tasaus oikealle, kangas, kohdista elementit, asettelu, suunnittelu<\/p>","protected":false},"excerpt":{"rendered":"<p>Elementtien asianmukainen tasaus voi tehd\u00e4 flippikirjasta selke\u00e4mm\u00e4n ja ymm\u00e4rrett\u00e4v\u00e4mm\u00e4n. Se est\u00e4\u00e4 p\u00e4\u00e4llekk\u00e4isi\u00e4 tai sekavia kuvia, jotka voivat h\u00e4mment\u00e4\u00e4 katsojaa. Hyvin tasattu flippikirja voi olla visuaalisesti miellytt\u00e4v\u00e4mpi, mik\u00e4 on t\u00e4rke\u00e4\u00e4 katsojan mielenkiinnon her\u00e4tt\u00e4miseksi ja yll\u00e4pit\u00e4miseksi. FlipHTML5 tarjoaa tehokkaita elementtien tasausominaisuuksia sivueditorissa. Katsotaanpa seuraavaksi [\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":"12074","reactions":{"happy":"0","normal":"0","sad":"0"},"author_info":{"name":"linjinnan","author_nicename":"linjinnan","author_url":"https:\/\/cms.flippagemaker.com\/fi\/author\/linjinnan\/"},"doc_category_info":[{"term_name":"Canvas","term_url":"https:\/\/cms.flippagemaker.com\/fi\/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=\"fi_FI\" \/>\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\/fi\/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\":\"fi\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/cms.flippagemaker.com\/tr\/docs\/elements-alignment\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fi\",\"@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\":\"fi\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/cms.flippagemaker.com\/#organization\",\"name\":\"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5\",\"url\":\"https:\/\/cms.flippagemaker.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fi\",\"@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":"fi_FI","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\/fi\/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":"fi","potentialAction":[{"@type":"ReadAction","target":["https:\/\/cms.flippagemaker.com\/tr\/docs\/elements-alignment\/"]}]},{"@type":"ImageObject","inLanguage":"fi","@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":"fi"},{"@type":"Organization","@id":"https:\/\/cms.flippagemaker.com\/#organization","name":"cmsflipbook-help\u6682\u7528\u6d4b\u8bd5","url":"https:\/\/cms.flippagemaker.com\/","logo":{"@type":"ImageObject","inLanguage":"fi","@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\/fi\/wp-json\/wp\/v2\/docs\/3727","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cms.flippagemaker.com\/fi\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/cms.flippagemaker.com\/fi\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/fi\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/fi\/wp-json\/wp\/v2\/comments?post=3727"}],"version-history":[{"count":3,"href":"https:\/\/cms.flippagemaker.com\/fi\/wp-json\/wp\/v2\/docs\/3727\/revisions"}],"predecessor-version":[{"id":6866,"href":"https:\/\/cms.flippagemaker.com\/fi\/wp-json\/wp\/v2\/docs\/3727\/revisions\/6866"}],"wp:attachment":[{"href":"https:\/\/cms.flippagemaker.com\/fi\/wp-json\/wp\/v2\/media?parent=3727"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/fi\/wp-json\/wp\/v2\/doc_category?post=3727"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/cms.flippagemaker.com\/fi\/wp-json\/wp\/v2\/doc_tag?post=3727"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}