將TextFlow中的文本對齊到中心-JavaFX FXML和CSS

Question

目前，我的FXML中有一段用Text定義的文本。 它也位於ScrollPane內的TextFlow內。 我已經嘗試過將文本對齊到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

要在TextFlow中對齊文本，請使用

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

對齊ScrollPane的內容使用

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

Answer 2

除了@Uluk的答案外，您還可以通過使用TextFlow上的樣式，使用css實現此目的。

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

您還可以通過使用css文件和其中的styleclass來獲得所需的效果。

<TextFlow styleClass="txtFlow">

在css文件上

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