Выровнять текст в TextFlow по центру - JavaFX FXML & CSS

Question

На данный момент у меня есть фрагмент текста, определенный с помощью текста в моем FXML. Он также находится внутри TextFlow, который находится внутри ScrollPane. Я попытался выровнять текст по центру в самом FXML и в CSS, но все еще не работает. Вот FXML

<ScrollPane fx:id = "scrollPane">
     <content>
         <TextFlow styleClass="txtFlow">
               <children>
                    <Text styleClass="h1" text="Title" textAlignment="CENTER"/>
                    <Text styleClass="h2" text="&#10;Subtitle"/>
              </children>
          </TextFlow>
    </content>
</ScrollPane>

А вот и CSS

.h1{
-fx-font-family: "Helvetica";
-fx-font-size: 50px;
-fx-fill: #147cb0;
-fx-underline: true;
-fx-alignment: center; }

Answer 1

Добавив ответ @Uluk, вы также можете добиться этого с помощью CSS, используя стиль на TextFlow,

<TextFlow style="-fx-text-alignment: center;">

Вы также можете получить желаемый эффект, используя файл CSS и styleclass в этом.

<TextFlow styleClass="txtFlow">

и в файле CSS как,

.txtFlow {
    -fx-text-alignment: center;
}

Answer 2

Для выравнивания текста в TextFlow используйте

<TextFlow textAlignment="CENTER"> .... </TextFlow>

Для выравнивания содержимого ScrollPane используйте

<ScrollPane fx:id = "scrollPane" fitToWidth="true"> .... </ScrollPane>