{"id":24282,"date":"2026-11-13T13:53:33","date_gmt":"2026-11-13T13:53:33","guid":{"rendered":"https:\/\/wptablebuilder.com\/docs\/vertical-alignment-content-distribution\/"},"modified":"2026-11-13T13:53:33","modified_gmt":"2026-11-13T13:53:33","password":"","slug":"vertical-alignment-content-distribution","status":"publish","type":"docs","link":"https:\/\/wptablebuilder.com\/de\/docs\/vertical-alignment-content-distribution\/","title":{"rendered":"So legen Sie vertikale Ausrichtung und Inhaltsverteilung in WP Table Builder fest"},"content":{"rendered":"<div class=\"wp-block-group has-background has-global-padding is-layout-constrained wp-container-core-group-is-layout-d5c0682e wp-block-group-is-layout-constrained\" style=\"border-top-left-radius:0px;border-top-right-radius:6px;border-bottom-left-radius:0px;border-bottom-right-radius:6px;border-left-color:#2563eb;border-left-width:3px;background-color:#f4f7fb;margin-bottom:14px;padding-top:20px;padding-right:24px;padding-bottom:20px;padding-left:24px\">\n<p class=\"has-text-color wp-block-paragraph\" style=\"color:#2563eb;margin-top:0;margin-bottom:10px;font-size:11px;font-style:normal;font-weight:600;letter-spacing:0.08em;text-transform:uppercase\">Kurze Antwort<\/p>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"margin-top:0;margin-bottom:14px;font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.106), 15px);line-height:1.65\">F\u00fcr die ganze Tabelle \u00f6ffnen Sie <strong>Settings<\/strong> (Tab), klappen Sie <strong>Content Alignment<\/strong> auf und w\u00e4hlen Sie einen Wert f\u00fcr <strong>Vertical Alignment<\/strong> (Default, Top, Middle oder Bottom) oder f\u00fcr <strong>Content Distribution<\/strong> (Normal, Space between, Space around oder Space evenly). F\u00fcr eine Zeile, Spalte oder Zelle w\u00e4hlen Sie eine Zelle aus und nutzen dieselben Optionen unter <strong>Cell Control<\/strong> oder <strong>Row &#038; Column Control<\/strong>. Die vertikale Ausrichtung funktioniert nur, wenn Content Distribution diesen Wert hat: <strong>Normal<\/strong>.<\/p>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Die vertikale Ausrichtung bestimmt, wo der Inhalt in einer Zelle sitzt, wenn die Zelle h\u00f6her als ihr Inhalt ist: oben, mittig oder unten. Die Inhaltsverteilung bestimmt, wie sich mehrere Elemente einer Zelle den freien Platz teilen, zum Beispiel um einen Button in jeder Spalte einer Preistabelle nach unten zu schieben.<\/p>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_a398c732-614f-47b0-8f21-40bf29f93e41\"><div class=\"ub_divider_wrapper\" style=\"position: relative; margin-bottom: 2px; width: 100%; height: 2px; \" data-divider-alignment=\"center\"><div class=\"ub_divider_line\" style=\"border-top: 1px solid #ccc; margin-top: 2px; \"><\/div><\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\">Voraussetzungen<\/h2>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>Punkt<\/th><th>Details<\/th><\/tr><\/thead><tbody><tr><td><strong>Tarif<\/strong><\/td><td>Free und Pro<\/td><\/tr><tr><td><strong>Plugin-Version<\/strong><\/td><td>WP Table Builder 2.3.0 oder neuer f\u00fcr die tabellenweite Ausrichtung (Zeilen- und Spaltenausrichtung seit 2.1.12)<\/td><\/tr><tr><td><strong>Ben\u00f6tigte Zeit<\/strong><\/td><td>Etwa 1 Minute<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_f4f1af70-61e6-4eb7-b4c6-b177b210bdea\"><div class=\"ub_divider_wrapper\" style=\"position: relative; margin-bottom: 2px; width: 100%; height: 2px; \" data-divider-alignment=\"center\"><div class=\"ub_divider_line\" style=\"border-top: 1px solid #ccc; margin-top: 2px; \"><\/div><\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\">Die Optionen<\/h2>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>Einstellung<\/th><th>Optionen<\/th><th>Was es tut<\/th><\/tr><\/thead><tbody><tr><td><strong>Vertical Alignment<\/strong><\/td><td>Default, Top, Middle, Bottom<\/td><td>Verschiebt den gesamten Zelleninhalt nach oben, in die Mitte oder nach unten<\/td><\/tr><tr><td><strong>Content Distribution<\/strong><\/td><td>Normal, Space between, Space around, Space evenly<\/td><td>Verteilt die Elemente einer Zelle \u00fcber ihre H\u00f6he<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Wichtig:<\/strong> Die vertikale Ausrichtung hat keine Wirkung, solange Content Distribution einen anderen Wert hat als <strong>Normal<\/strong>. Der Builder zeigt diesen Hinweis unter der Einstellung.<\/p>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_8d92434f-cc45-4408-a4f0-69a1ea170cde\"><div class=\"ub_divider_wrapper\" style=\"position: relative; margin-bottom: 2px; width: 100%; height: 2px; \" data-divider-alignment=\"center\"><div class=\"ub_divider_line\" style=\"border-top: 1px solid #ccc; margin-top: 2px; \"><\/div><\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\">Ausrichtung f\u00fcr die ganze Tabelle festlegen<\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li>\u00d6ffnen Sie die Tabelle im Builder und klicken Sie auf <strong>Settings<\/strong> .<\/li>\n\n\n\n<li>Expand <strong>Content Alignment<\/strong>.<\/li>\n\n\n\n<li>W\u00e4hlen Sie einen Wert f\u00fcr <strong>Vertical Alignment<\/strong>oder f\u00fcr <strong>Content Distribution<\/strong>.<\/li>\n\n\n\n<li>Klicken Sie auf <strong>Save<\/strong>.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1440\" height=\"722\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2026\/11\/wptb-content-alignment-settings.jpg\" alt=\"Abschnitt Content Alignment von WP Table Builder mit den Buttons Vertical Alignment und Content Distribution\" class=\"wp-image-24276\" srcset=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2026\/11\/wptb-content-alignment-settings.jpg 1440w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2026\/11\/wptb-content-alignment-settings-300x150.jpg 300w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2026\/11\/wptb-content-alignment-settings-1024x513.jpg 1024w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2026\/11\/wptb-content-alignment-settings-768x385.jpg 768w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2026\/11\/wptb-content-alignment-settings-18x9.jpg 18w\" sizes=\"auto, (max-width: 1440px) 100vw, 1440px\" \/><\/figure>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_0a82aa57-a36a-45bd-86ab-355d0ab3eafc\"><div class=\"ub_divider_wrapper\" style=\"position: relative; margin-bottom: 2px; width: 100%; height: 2px; \" data-divider-alignment=\"center\"><div class=\"ub_divider_line\" style=\"border-top: 1px solid #ccc; margin-top: 2px; \"><\/div><\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\">Ausrichtung f\u00fcr eine Zeile, Spalte oder Zelle festlegen<\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Klicken Sie auf den leeren Bereich einer Zelle, um sie auszuw\u00e4hlen.<\/li>\n\n\n\n<li>Nur f\u00fcr diese Zelle klappen Sie <strong>Cell Control<\/strong> auf und verwenden <strong>Vertical Alignment<\/strong> und <strong>Cell content distribution<\/strong>.<\/li>\n\n\n\n<li>F\u00fcr die ganze Spalte oder Zeile klappen Sie <strong>Row &#038; Column Control<\/strong> auf und verwenden <strong>Column vertical alignment<\/strong>, <strong>Column content distribution<\/strong> oder <strong>Row vertical alignment<\/strong>.<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">Zelleneinstellungen haben Vorrang vor Spalten- und Zeileneinstellungen, und diese haben Vorrang vor der tabellenweiten Einstellung.<\/p>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_356498a8-4d7e-4fa4-8815-5e215bfd4c2a\"><div class=\"ub_divider_wrapper\" style=\"position: relative; margin-bottom: 2px; width: 100%; height: 2px; \" data-divider-alignment=\"center\"><div class=\"ub_divider_line\" style=\"border-top: 1px solid #ccc; margin-top: 2px; \"><\/div><\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\">Beispiel: Buttons in einer Preistabelle ausrichten<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Preisspalten haben oft unterschiedlich lange Funktionslisten, sodass die Buttons auf unterschiedlichen H\u00f6hen landen. Stellen Sie <strong>Content Distribution<\/strong> auf <strong>Space between<\/strong> f\u00fcr die Tabelle oder f\u00fcr die Zeile mit den Listen und Buttons ein. Das erste Element bleibt oben und das letzte (der Button) r\u00fcckt nach unten, sodass alle Buttons auf einer Linie liegen.<\/p>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_8fb5f33e-c68c-491c-8878-974458a3f9da\"><div class=\"ub_divider_wrapper\" style=\"position: relative; margin-bottom: 2px; width: 100%; height: 2px; \" data-divider-alignment=\"center\"><div class=\"ub_divider_line\" style=\"border-top: 1px solid #ccc; margin-top: 2px; \"><\/div><\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\">H\u00e4ufig gestellte Fragen<\/h2>\n\n\n<div class=\"wp-block-ub-content-toggle wp-block-ub-content-toggle-block\" id=\"ub-content-toggle-block-cead199d-4aa7-4b7b-9388-2d9a5d5da2f9\" data-mobilecollapse=\"false\" data-desktopcollapse=\"true\" data-preventcollapse=\"false\" data-showonlyone=\"false\">\n<div class=\"wp-block-ub-content-toggle-accordion\" style=\"border-color: #f1f1f1; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; \" id=\"ub-content-toggle-panel-block-\">\n\t\t\t<div class=\"wp-block-ub-content-toggle-accordion-title-wrap\" style=\"background-color: #f1f1f1;\" aria-controls=\"ub-content-toggle-panel-0-cead199d-4aa7-4b7b-9388-2d9a5d5da2f9\" tabindex=\"0\">\n\t\t\t<p class=\"wp-block-ub-content-toggle-accordion-title ub-content-toggle-title-cead199d-4aa7-4b7b-9388-2d9a5d5da2f9\" style=\"color: #000000; \"><strong>Wie zentriere ich Text in einer Tabelle von WP Table Builder vertikal?<\/strong><\/p>\n\t\t\t<div class=\"wp-block-ub-content-toggle-accordion-toggle-wrap right\" style=\"color: #000000;\"><span class=\"wp-block-ub-content-toggle-accordion-state-indicator wp-block-ub-chevron-down open\"><\/span><\/div>\n\t\t<\/div>\n\t\t\t<div role=\"region\" aria-expanded=\"true\" class=\"wp-block-ub-content-toggle-accordion-content-wrap\" id=\"ub-content-toggle-panel-0-cead199d-4aa7-4b7b-9388-2d9a5d5da2f9\">\n\n<p class=\"wp-block-paragraph\">\u00d6ffnen Sie den Tab Settings, klappen Sie Content Alignment auf und setzen Sie Vertical Alignment auf Middle. Achten Sie darauf, dass Content Distribution auf Normal steht.<\/p>\n\n<\/div>\n\t\t<\/div>\n\n<div class=\"wp-block-ub-content-toggle-accordion\" style=\"border-color: #f1f1f1; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; \" id=\"ub-content-toggle-panel-block-\">\n\t\t\t<div class=\"wp-block-ub-content-toggle-accordion-title-wrap\" style=\"background-color: #f1f1f1;\" aria-controls=\"ub-content-toggle-panel-1-cead199d-4aa7-4b7b-9388-2d9a5d5da2f9\" tabindex=\"0\">\n\t\t\t<p class=\"wp-block-ub-content-toggle-accordion-title ub-content-toggle-title-cead199d-4aa7-4b7b-9388-2d9a5d5da2f9\" style=\"color: #000000; \"><strong>Warum \u00e4ndert die vertikale Ausrichtung nichts?<\/strong><\/p>\n\t\t\t<div class=\"wp-block-ub-content-toggle-accordion-toggle-wrap right\" style=\"color: #000000;\"><span class=\"wp-block-ub-content-toggle-accordion-state-indicator wp-block-ub-chevron-down\"><\/span><\/div>\n\t\t<\/div>\n\t\t\t<div role=\"region\" aria-expanded=\"false\" class=\"wp-block-ub-content-toggle-accordion-content-wrap ub-hide\" id=\"ub-content-toggle-panel-1-cead199d-4aa7-4b7b-9388-2d9a5d5da2f9\">\n\n<p class=\"wp-block-paragraph\">Die vertikale Ausrichtung funktioniert nur, wenn Content Distribution auf Normal steht, und nur, wenn die Zelle h\u00f6her als ihr Inhalt ist, zum Beispiel wenn eine andere Zelle der Zeile mehr Inhalt hat.<\/p>\n\n<\/div>\n\t\t<\/div>\n\n<div class=\"wp-block-ub-content-toggle-accordion\" style=\"border-color: #f1f1f1; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; \" id=\"ub-content-toggle-panel-block-\">\n\t\t\t<div class=\"wp-block-ub-content-toggle-accordion-title-wrap\" style=\"background-color: #f1f1f1;\" aria-controls=\"ub-content-toggle-panel-2-cead199d-4aa7-4b7b-9388-2d9a5d5da2f9\" tabindex=\"0\">\n\t\t\t<p class=\"wp-block-ub-content-toggle-accordion-title ub-content-toggle-title-cead199d-4aa7-4b7b-9388-2d9a5d5da2f9\" style=\"color: #000000; \"><strong>Wie richte ich Buttons am unteren Rand jeder Spalte aus?<\/strong><\/p>\n\t\t\t<div class=\"wp-block-ub-content-toggle-accordion-toggle-wrap right\" style=\"color: #000000;\"><span class=\"wp-block-ub-content-toggle-accordion-state-indicator wp-block-ub-chevron-down\"><\/span><\/div>\n\t\t<\/div>\n\t\t\t<div role=\"region\" aria-expanded=\"false\" class=\"wp-block-ub-content-toggle-accordion-content-wrap ub-hide\" id=\"ub-content-toggle-panel-2-cead199d-4aa7-4b7b-9388-2d9a5d5da2f9\">\n\n<p class=\"wp-block-paragraph\">Setzen Sie Content Distribution f\u00fcr die Tabelle, die Zeile oder die Zellen mit den Buttons auf Space between.<\/p>\n\n<\/div>\n\t\t<\/div>\n\n<div class=\"wp-block-ub-content-toggle-accordion\" style=\"border-color: #f1f1f1; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; \" id=\"ub-content-toggle-panel-block-\">\n\t\t\t<div class=\"wp-block-ub-content-toggle-accordion-title-wrap\" style=\"background-color: #f1f1f1;\" aria-controls=\"ub-content-toggle-panel-3-cead199d-4aa7-4b7b-9388-2d9a5d5da2f9\" tabindex=\"0\">\n\t\t\t<p class=\"wp-block-ub-content-toggle-accordion-title ub-content-toggle-title-cead199d-4aa7-4b7b-9388-2d9a5d5da2f9\" style=\"color: #000000; \"><strong>Kann ich eine Zelle anders ausrichten als den Rest?<\/strong><\/p>\n\t\t\t<div class=\"wp-block-ub-content-toggle-accordion-toggle-wrap right\" style=\"color: #000000;\"><span class=\"wp-block-ub-content-toggle-accordion-state-indicator wp-block-ub-chevron-down\"><\/span><\/div>\n\t\t<\/div>\n\t\t\t<div role=\"region\" aria-expanded=\"false\" class=\"wp-block-ub-content-toggle-accordion-content-wrap ub-hide\" id=\"ub-content-toggle-panel-3-cead199d-4aa7-4b7b-9388-2d9a5d5da2f9\">\n\n<p class=\"wp-block-paragraph\">Ja. W\u00e4hlen Sie die Zelle aus und \u00e4ndern Sie Vertical Alignment oder Cell content distribution unter Cell Control.<\/p>\n\n<\/div>\n\t\t<\/div>\n<\/div>\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_7cb5efd5-3167-4857-acc4-810a06afafa8\"><div class=\"ub_divider_wrapper\" style=\"position: relative; margin-bottom: 2px; width: 100%; height: 2px; \" data-divider-alignment=\"center\"><div class=\"ub_divider_line\" style=\"border-top: 1px solid #ccc; margin-top: 2px; \"><\/div><\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\">Verwandte Dokumente<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/wptablebuilder.com\/de\/dokumente\/andern-sie-die-zeilenhohe-und-die-spaltenbreite-in-der-wp-table-builder\/\">So \u00e4ndern Sie Zeilenh\u00f6he und Spaltenbreite in WP Table Builder<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/wptablebuilder.com\/de\/dokumente\/centertable-wordpress\/\">So zentrieren Sie eine Tabelle<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/wptablebuilder.com\/de\/dokumente\/button\/\">Button<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/wptablebuilder.com\/de\/dokumente\/borduren-zu-einer-tabelle-in-wordpress-hinzufugen\/\">So f\u00fcgen Sie einer Tabelle Rahmen hinzu<\/a><\/li>\n<\/ul>","protected":false},"excerpt":{"rendered":"<p>Align cell content to the top, middle or bottom, or spread elements evenly inside cells.<\/p>","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"doc_category":[98],"doc_tag":[],"class_list":["post-24282","docs","type-docs","status-publish","hentry","doc_category-styling-design"],"year_month":"2026-11","word_count":476,"total_views":"5","reactions":{"happy":"0","normal":"0","sad":"0"},"author_info":{"name":"Istiak Rayhan","author_nicename":"wpx_roadtobl","author_url":"https:\/\/wptablebuilder.com\/de\/author\/wpx_roadtobl\/"},"doc_category_info":[{"term_name":"Styling &amp; Design","term_url":"https:\/\/wptablebuilder.com\/de\/docs-category\/styling-design\/"}],"doc_tag_info":[],"_links":{"self":[{"href":"https:\/\/wptablebuilder.com\/de\/wp-json\/wp\/v2\/docs\/24282","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wptablebuilder.com\/de\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/wptablebuilder.com\/de\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/wptablebuilder.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wptablebuilder.com\/de\/wp-json\/wp\/v2\/comments?post=24282"}],"version-history":[{"count":0,"href":"https:\/\/wptablebuilder.com\/de\/wp-json\/wp\/v2\/docs\/24282\/revisions"}],"wp:attachment":[{"href":"https:\/\/wptablebuilder.com\/de\/wp-json\/wp\/v2\/media?parent=24282"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/wptablebuilder.com\/de\/wp-json\/wp\/v2\/doc_category?post=24282"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/wptablebuilder.com\/de\/wp-json\/wp\/v2\/doc_tag?post=24282"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}